diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..6036fc3
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,16 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "trailingComma": "none",
+  "singleQuote": false,
+  "semi": false,
+  "importOrder": ["^[./]"],
+  "importOrderMergeDuplicateImports": true,
+  "importOrderBuiltinModulesToTop": true,
+  "importOrderCombineTypeAndValueImports": true,
+  "plugins": [
+    "@ianvs/prettier-plugin-sort-imports",
+    "prettier-plugin-tailwindcss"
+  ],
+  "pluginSearchDirs": false
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index d067910..fae8e3d 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,4 +1,4 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true
-}
\ No newline at end of file
+}
diff --git a/app/components/Homepage.tsx b/app/_components/Homepage.tsx
similarity index 90%
rename from app/components/Homepage.tsx
rename to app/_components/Homepage.tsx
index 7cbb94e..ef8bed1 100644
--- a/app/components/Homepage.tsx
+++ b/app/_components/Homepage.tsx
@@ -1,12 +1,12 @@
 import { Button } from "@components/ui"
-import { Footer } from "app/layout/components"
+import { Footer } from "app/layout/_components"
 import { TrustedBy } from "./TrustedBy"
 
 export function Homepage() {
   return (
     <div className="overflow-hidden">
       <div className="relative isolate pt-14">
-        <div className="absolute inset-x-0 overflow-hidden -top-40 -z-10 transform-gpu blur-3xl sm:-top-80">
+        <div className="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80">
           <svg
             className="relative left-[calc(50%-11rem)] -z-10 h-[21.1875rem] max-w-none -translate-x-1/2 rotate-[30deg] sm:left-[calc(50%-30rem)] sm:h-[42.375rem]"
             viewBox="0 0 1155 678"
@@ -31,13 +31,13 @@ export function Homepage() {
             </defs>
           </svg>
         </div>
-        <div className="pt-24 pb-16 sm:pt-32">
-          <div className="px-6 mx-auto max-w-7xl lg:px-8">
-            <div className="max-w-2xl mx-auto text-center">
+        <div className="pb-16 pt-24 sm:pt-32">
+          <div className="mx-auto max-w-7xl px-6 lg:px-8">
+            <div className="mx-auto max-w-2xl text-center">
               <h1 className="text-4xl font-bold tracking-tight text-white sm:text-6xl">
                 PR-Codex
               </h1>
-              <p className="max-w-[40rem] mx-auto mt-6 text-lg leading-8 text-gray-300">
+              <p className="mx-auto mt-6 max-w-[40rem] text-lg leading-8 text-gray-300">
                 A github app to summarize code diffs in pull requests. Powered
                 by ChatGPT.
               </p>
diff --git a/app/components/TrustedBy.tsx b/app/_components/TrustedBy.tsx
similarity index 65%
rename from app/components/TrustedBy.tsx
rename to app/_components/TrustedBy.tsx
index 1d788ae..8193f7b 100644
--- a/app/components/TrustedBy.tsx
+++ b/app/_components/TrustedBy.tsx
@@ -4,8 +4,8 @@ export const revalidate = 60 * 60 * 3 // 3 hours
 
 export function TrustedBy() {
   return (
-    <div className="max-w-lg px-4 pt-24 pb-16 mx-auto md:max-w-screen-xl md:px-8">
-      <h2 className="mb-12 text-2xl font-bold tracking-tight text-center text-gray-400">
+    <div className="mx-auto max-w-lg px-4 pb-16 pt-24 md:max-w-screen-xl md:px-8">
+      <h2 className="mb-12 text-center text-2xl font-bold tracking-tight text-gray-400">
         Trusted by
       </h2>
       {/* @ts-expect-error Async Server Component */}
diff --git a/app/components/TrustedByList.tsx b/app/_components/TrustedByList.tsx
similarity index 91%
rename from app/components/TrustedByList.tsx
rename to app/_components/TrustedByList.tsx
index 8dfd220..755784e 100644
--- a/app/components/TrustedByList.tsx
+++ b/app/_components/TrustedByList.tsx
@@ -1,10 +1,10 @@
+import Fork from "@components/icons/Fork"
+import Star from "@components/icons/Star"
+import { ListIterator } from "@components/ui"
 import { getInstallations } from "@utils/github/getInstallations"
 import { getRepositories } from "@utils/github/getRepositories"
-import Image from "next/image"
 import { githubColors } from "@utils/githubColors"
-import Star from "@components/icons/Star"
-import Fork from "@components/icons/Fork"
-import { ListIterator } from "@components/ui"
+import Image from "next/image"
 
 export async function TrustedByList() {
   const installations = await getInstallations()
@@ -53,14 +53,14 @@ export async function TrustedByList() {
     <ListIterator initItems={6}>
       {topUsersRepos.map((repo) => (
         <a
-          className="w-full p-4 border border-gray-700 rounded-md bg-[#0d1117] hover:bg-gray-800/60 h-48 flex flex-col justify-between"
+          className="flex h-48 w-full flex-col justify-between rounded-md border border-gray-700 bg-[#0d1117] p-4 hover:bg-gray-800/60"
           key={repo.id}
           target="_blank"
           rel="noreferrer"
           href={repo.html_url}
         >
           <div>
-            <div className="flex items-center mb-4">
+            <div className="mb-4 flex items-center">
               <div
               //target="_blank" rel="noreferrer" href={repo.owner.html_url}
               >
@@ -76,7 +76,7 @@ export async function TrustedByList() {
                 {repo.full_name}
               </p>
             </div>
-            <p className="text-sm text-gray-400 line-clamp-3">
+            <p className="line-clamp-3 text-sm text-gray-400">
               {repo.description}
             </p>
           </div>
@@ -84,7 +84,7 @@ export async function TrustedByList() {
             {repo.language && (
               <div className="flex items-center">
                 <div
-                  className="w-4 h-4 mr-2 rounded-full bg-red-50"
+                  className="mr-2 h-4 w-4 rounded-full bg-red-50"
                   style={{
                     backgroundColor: githubColors[repo.language]?.color
                   }}
diff --git a/public/favicon/favicon.ico b/app/favicon.ico
similarity index 100%
rename from public/favicon/favicon.ico
rename to app/favicon.ico
diff --git a/app/github/route.ts b/app/github/route.ts
index cca7255..ccb20b2 100644
--- a/app/github/route.ts
+++ b/app/github/route.ts
@@ -1,8 +1,8 @@
-export const fetchCache = "force-no-store"
-
-import { NextRequest, NextResponse } from "next/server"
-import { summarizePullRequest } from "@lib/summarizePullRequest"
 import { handleGithubAuth } from "@lib/handleGithubAuth"
+import { summarizePullRequest } from "@lib/summarizePullRequest"
+import { NextRequest, NextResponse } from "next/server"
+
+export const fetchCache = "force-no-store"
 
 export async function POST(req: NextRequest) {
   const payload = await req.json()
diff --git a/app/head.tsx b/app/head.tsx
deleted file mode 100644
index 9505c0d..0000000
--- a/app/head.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { DefaultHead } from "app/layout/components"
-import {
-  appDescription,
-  appName,
-  appTitle,
-  appUrl
-} from "./layout/components/DefaultHead/DefaultHead"
-
-export default async function Head() {
-  return (
-    <>
-      <DefaultHead />
-
-      <title>{appTitle}</title>
-      <meta content={appDescription} name="description" />
-      <meta property="og:title" content={appTitle} />
-      <meta property="og:description" content={appDescription} />
-      <meta property="og:url" content={appUrl} />
-      <meta property="og:image" content={`${appUrl}/og_image.png`} />
-      <meta property="og:image:alt" content={`${appName} cover image`} />
-      <meta name="twitter:image" content={`${appUrl}/twitter_card.png`} />
-    </>
-  )
-}
diff --git a/app/layout/components/AppLayout/AppLayout.tsx b/app/layout/_components/AppLayout/AppLayout.tsx
similarity index 77%
rename from app/layout/components/AppLayout/AppLayout.tsx
rename to app/layout/_components/AppLayout/AppLayout.tsx
index b9721ca..c8a8814 100644
--- a/app/layout/components/AppLayout/AppLayout.tsx
+++ b/app/layout/_components/AppLayout/AppLayout.tsx
@@ -3,7 +3,7 @@ import { Footer, Modal, Navbar } from ".."
 export default function AppLayout({ children }: { children: React.ReactNode }) {
   return (
     <>
-      <div className="relative flex flex-col justify-between min-h-screen">
+      <div className="relative flex min-h-screen flex-col justify-between">
         {/* <Navbar /> */}
         {children}
         {/* <Footer /> */}
diff --git a/app/layout/components/AppLayout/index.ts b/app/layout/_components/AppLayout/index.ts
similarity index 100%
rename from app/layout/components/AppLayout/index.ts
rename to app/layout/_components/AppLayout/index.ts
diff --git a/app/layout/components/BackgroundImage/BackgroundImage.tsx b/app/layout/_components/BackgroundImage/BackgroundImage.tsx
similarity index 100%
rename from app/layout/components/BackgroundImage/BackgroundImage.tsx
rename to app/layout/_components/BackgroundImage/BackgroundImage.tsx
diff --git a/app/layout/components/BackgroundImage/index.ts b/app/layout/_components/BackgroundImage/index.ts
similarity index 100%
rename from app/layout/components/BackgroundImage/index.ts
rename to app/layout/_components/BackgroundImage/index.ts
diff --git a/app/layout/components/Container/Container.tsx b/app/layout/_components/Container/Container.tsx
similarity index 75%
rename from app/layout/components/Container/Container.tsx
rename to app/layout/_components/Container/Container.tsx
index ca7eb7b..2a32aab 100644
--- a/app/layout/components/Container/Container.tsx
+++ b/app/layout/_components/Container/Container.tsx
@@ -13,8 +13,8 @@ export default function Container({
     <div
       className={`${
         size ? size : "max-w-screen-lg"
-      } w-full mx-auto px-4 md:px-8 ${
-        page && "pt-16 pb-10 text-center sm:pt-24 sm:pb-12"
+      } mx-auto w-full px-4 md:px-8 ${
+        page && "pb-10 pt-16 text-center sm:pb-12 sm:pt-24"
       }`}
     >
       {children}
diff --git a/app/layout/components/Container/index.ts b/app/layout/_components/Container/index.ts
similarity index 100%
rename from app/layout/components/Container/index.ts
rename to app/layout/_components/Container/index.ts
diff --git a/app/layout/components/DropdownMenu/DropdownMenu.tsx b/app/layout/_components/DropdownMenu/DropdownMenu.tsx
similarity index 82%
rename from app/layout/components/DropdownMenu/DropdownMenu.tsx
rename to app/layout/_components/DropdownMenu/DropdownMenu.tsx
index f37332f..23bcf0d 100644
--- a/app/layout/components/DropdownMenu/DropdownMenu.tsx
+++ b/app/layout/_components/DropdownMenu/DropdownMenu.tsx
@@ -1,7 +1,8 @@
 "use client"
 
-import { DropdownMenuElement } from "../"
 import { Dispatch, SetStateAction, useEffect, useRef } from "react"
+import { DropdownMenuElement } from ".."
+
 // import { useTheme } from "next-themes"
 // import nightwind from "nightwind/helper"
 // import Nightwind from "@components/icons/Nightwind"
@@ -38,15 +39,15 @@ export default function DropdownMenu({
   }, [dropdownRef, setShowDropdown])
 
   return (
-    <div className="absolute top-0 right-0" ref={dropdownRef}>
+    <div className="absolute right-0 top-0" ref={dropdownRef}>
       <div
-        className={`z-20 absolute text-sm top-0 right-0 w-56 mt-20 border border-gray-200 space-y-1 bg-white rounded-sm shadow-base`}
+        className={`shadow-base absolute right-0 top-0 z-20 mt-20 w-56 space-y-1 rounded-sm border border-gray-200 bg-white text-sm`}
       >
         <div onClick={() => setShowDropdown(false)}>
           <DropdownMenuElement
             href="/"
             image={
-              <div className="w-5 h-5 border-2 border-blue-600 rounded-full group-hover:border-white" />
+              <div className="h-5 w-5 rounded-full border-2 border-blue-600 group-hover:border-white" />
             }
             label="My profile"
           />
diff --git a/app/layout/components/DropdownMenu/index.ts b/app/layout/_components/DropdownMenu/index.ts
similarity index 100%
rename from app/layout/components/DropdownMenu/index.ts
rename to app/layout/_components/DropdownMenu/index.ts
diff --git a/app/layout/components/DropdownMenuElement/DropdownMenuElement.tsx b/app/layout/_components/DropdownMenuElement/DropdownMenuElement.tsx
similarity index 100%
rename from app/layout/components/DropdownMenuElement/DropdownMenuElement.tsx
rename to app/layout/_components/DropdownMenuElement/DropdownMenuElement.tsx
diff --git a/app/layout/components/DropdownMenuElement/index.ts b/app/layout/_components/DropdownMenuElement/index.ts
similarity index 100%
rename from app/layout/components/DropdownMenuElement/index.ts
rename to app/layout/_components/DropdownMenuElement/index.ts
diff --git a/app/layout/components/Footer/Footer.tsx b/app/layout/_components/Footer/Footer.tsx
similarity index 92%
rename from app/layout/components/Footer/Footer.tsx
rename to app/layout/_components/Footer/Footer.tsx
index 746ee84..3b2c0f2 100644
--- a/app/layout/components/Footer/Footer.tsx
+++ b/app/layout/_components/Footer/Footer.tsx
@@ -1,4 +1,4 @@
-import { Container, Social } from "../"
+import { Container, Social } from ".."
 
 export default function Footer() {
   return (
diff --git a/app/layout/components/Footer/index.ts b/app/layout/_components/Footer/index.ts
similarity index 100%
rename from app/layout/components/Footer/index.ts
rename to app/layout/_components/Footer/index.ts
diff --git a/app/layout/_components/Metadata/Metadata.tsx b/app/layout/_components/Metadata/Metadata.tsx
new file mode 100644
index 0000000..f59a02e
--- /dev/null
+++ b/app/layout/_components/Metadata/Metadata.tsx
@@ -0,0 +1,46 @@
+import { Metadata } from "next"
+import {
+  appDescription,
+  appName,
+  appTitle,
+  appUrl,
+  twitterAccount
+} from "./MetadataConfig"
+
+export const baseMetadata: Metadata = {
+  metadataBase: new URL(appUrl),
+  title: { default: appTitle, template: `%s | ${appName}` },
+  description: appDescription,
+  openGraph: {
+    title: appTitle,
+    description: appDescription,
+    url: "/",
+    siteName: appName,
+    locale: "en-US",
+    type: "website"
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: appTitle,
+    description: appDescription,
+    site: twitterAccount,
+    creator: twitterAccount
+  },
+  robots: {
+    index: false,
+    follow: true,
+    nocache: true,
+    googleBot: {
+      index: true,
+      follow: false,
+      noimageindex: true,
+      "max-video-preview": -1,
+      "max-image-preview": "large",
+      "max-snippet": -1
+    }
+  },
+  themeColor: [
+    { media: "(prefers-color-scheme: light)", color: "white" },
+    { media: "(prefers-color-scheme: dark)", color: "black" }
+  ]
+}
diff --git a/app/layout/_components/Metadata/MetadataConfig.tsx b/app/layout/_components/Metadata/MetadataConfig.tsx
new file mode 100644
index 0000000..7e8bc8e
--- /dev/null
+++ b/app/layout/_components/Metadata/MetadataConfig.tsx
@@ -0,0 +1,9 @@
+import { accounts } from "app/layout/_components/Social/Social"
+
+export const appName = "PR-Codex"
+export const appTitle = "PR-Codex"
+export const appDescription =
+  "An AI bot that summarizes PR code diffs, directly on Github. Powered by ChatGPT"
+export const appUrl = process.env.NEXT_PUBLIC_APP_URL
+export const twitterAccount = accounts.twitter.split("twitter.com/").pop()
+export const domain = appUrl.split("//").pop()
diff --git a/app/layout/_components/Metadata/index.ts b/app/layout/_components/Metadata/index.ts
new file mode 100644
index 0000000..5a76c43
--- /dev/null
+++ b/app/layout/_components/Metadata/index.ts
@@ -0,0 +1,2 @@
+export * from "./Metadata"
+export * from "./MetadataConfig"
diff --git a/app/layout/components/Modal/Modal.tsx b/app/layout/_components/Modal/Modal.tsx
similarity index 73%
rename from app/layout/components/Modal/Modal.tsx
rename to app/layout/_components/Modal/Modal.tsx
index 924ae37..9ca06d8 100644
--- a/app/layout/components/Modal/Modal.tsx
+++ b/app/layout/_components/Modal/Modal.tsx
@@ -1,9 +1,9 @@
 "use client"
 
-import { useEffect, useRef } from "react"
-import { NETWORK_VIEW } from "@lib/content/modals"
 import Cross from "@components/icons/Cross"
-import { useAppContext } from "app/layout/context"
+import { NETWORK_VIEW } from "@lib/content/modals"
+import { useAppContext } from "app/layout/_context"
+import { useEffect, useRef } from "react"
 
 const Modal = () => {
   const { modalView, setModalView } = useAppContext()
@@ -37,20 +37,20 @@ const Modal = () => {
 
   return (
     modalView.name && (
-      <div className="fixed top-0 z-50 w-screen h-screen py-12 overflow-y-scroll xs:py-20 background-modal">
-        <div className="absolute w-full h-full mt-[-3rem] xs:mt-[-5rem]" />
+      <div className="xs:py-20 background-modal fixed top-0 z-50 h-screen w-screen overflow-y-scroll py-12">
+        <div className="xs:mt-[-5rem] absolute mt-[-3rem] h-full w-full" />
         <div
           className="flex items-center justify-center"
           style={{ minHeight: "100%" }}
         >
           <div
-            className="relative w-full max-w-screen-md px-2 py-16 mx-2 bg-white border border-gray-200 rounded-sm shadow-xl xs:py-20 xs:px-8"
+            className="xs:py-20 xs:px-8 relative mx-2 w-full max-w-screen-md rounded-sm border border-gray-200 bg-white px-2 py-16 shadow-xl"
             ref={modalRef}
           >
             {cross && (
-              <div className="absolute top-[24px] right-[24px]">
+              <div className="absolute right-[24px] top-[24px]">
                 <Cross
-                  className="text-right cursor-pointer hover:text-red-500"
+                  className="cursor-pointer text-right hover:text-red-500"
                   onClick={() => setModalView({ name: "" })}
                 />
               </div>
diff --git a/app/layout/components/Modal/index.ts b/app/layout/_components/Modal/index.ts
similarity index 100%
rename from app/layout/components/Modal/index.ts
rename to app/layout/_components/Modal/index.ts
diff --git a/app/layout/components/Navbar/Navbar.tsx b/app/layout/_components/Navbar/Navbar.tsx
similarity index 77%
rename from app/layout/components/Navbar/Navbar.tsx
rename to app/layout/_components/Navbar/Navbar.tsx
index 8cc5609..45f9703 100644
--- a/app/layout/components/Navbar/Navbar.tsx
+++ b/app/layout/_components/Navbar/Navbar.tsx
@@ -1,8 +1,8 @@
-import Link from "next/link"
-import { Container } from "../"
 import Logo from "@components/icons/Logo"
-import { appName } from "../DefaultHead/DefaultHead"
 import UserIcon from "@components/icons/UserIcon"
+import Link from "next/link"
+import { Container, appName } from ".."
+
 // import Nightwind from "@components/icons/Nightwind"
 
 export default function Navbar() {
@@ -11,14 +11,14 @@ export default function Navbar() {
   return (
     <header className="shadow-sm">
       <Container>
-        <nav className="relative sm:px-6 h-[4.25rem] items-center mx-auto flex justify-between">
+        <nav className="relative mx-auto flex h-[4.25rem] items-center justify-between sm:px-6">
           <div className="flex items-center space-x-7 sm:space-x-10">
-            <Link href="/" className="w-7 h-7" aria-label={`${appName} logo`}>
+            <Link href="/" className="h-7 w-7" aria-label={`${appName} logo`}>
               <Logo />
             </Link>
           </div>
 
-          <div className="relative z-10 flex items-center space-x-6 sm:space-x-8 xs:space-x-6">
+          <div className="xs:space-x-6 relative z-10 flex items-center space-x-6 sm:space-x-8">
             {/* <div className="hidden xs:block xs:mr-2">
               <Nightwind size="h-[24px]" />
             </div> */}
diff --git a/app/layout/components/Navbar/index.ts b/app/layout/_components/Navbar/index.ts
similarity index 100%
rename from app/layout/components/Navbar/index.ts
rename to app/layout/_components/Navbar/index.ts
diff --git a/app/layout/components/Social/Social.tsx b/app/layout/_components/Social/Social.tsx
similarity index 97%
rename from app/layout/components/Social/Social.tsx
rename to app/layout/_components/Social/Social.tsx
index abedfd6..f7d2109 100644
--- a/app/layout/components/Social/Social.tsx
+++ b/app/layout/_components/Social/Social.tsx
@@ -54,7 +54,7 @@ export default function Social({ wrapperClassName, altAccounts }: Props) {
         return (
           <a
             key={key}
-            className={`${componentColor} h-6 mx-[18px]`}
+            className={`${componentColor} mx-[18px] h-6`}
             href={accountsToDisplay[accountsKey]}
             target="_blank"
             rel="noreferrer"
diff --git a/app/layout/components/Social/index.ts b/app/layout/_components/Social/index.ts
similarity index 100%
rename from app/layout/components/Social/index.ts
rename to app/layout/_components/Social/index.ts
diff --git a/app/layout/components/index.ts b/app/layout/_components/index.ts
similarity index 89%
rename from app/layout/components/index.ts
rename to app/layout/_components/index.ts
index 7db8ad0..509243d 100644
--- a/app/layout/components/index.ts
+++ b/app/layout/_components/index.ts
@@ -1,7 +1,7 @@
 export { default as AppLayout } from "./AppLayout"
 export { default as BackgroundImage } from "./BackgroundImage"
 export { default as Container } from "./Container"
-export { default as DefaultHead } from "./DefaultHead"
+export * from "./Metadata"
 export { default as DropdownMenu } from "./DropdownMenu"
 export { default as DropdownMenuElement } from "./DropdownMenuElement"
 export { default as Footer } from "./Footer"
diff --git a/app/layout/context/AppContext/AppContext.tsx b/app/layout/_context/AppContext/AppContext.tsx
similarity index 99%
rename from app/layout/context/AppContext/AppContext.tsx
rename to app/layout/_context/AppContext/AppContext.tsx
index 94821c2..688d8eb 100644
--- a/app/layout/context/AppContext/AppContext.tsx
+++ b/app/layout/_context/AppContext/AppContext.tsx
@@ -1,5 +1,6 @@
 "use client"
 
+import { View } from "@lib/content/modals"
 import {
   createContext,
   Dispatch,
@@ -8,7 +9,7 @@ import {
   useEffect,
   useState
 } from "react"
-import { View } from "@lib/content/modals"
+
 type Context = {
   modalView: View
   setModalView: Dispatch<SetStateAction<View>>
diff --git a/app/layout/context/AppContext/index.ts b/app/layout/_context/AppContext/index.ts
similarity index 100%
rename from app/layout/context/AppContext/index.ts
rename to app/layout/_context/AppContext/index.ts
diff --git a/app/layout/context/index.ts b/app/layout/_context/index.ts
similarity index 100%
rename from app/layout/context/index.ts
rename to app/layout/_context/index.ts
diff --git a/app/layout/components/DefaultHead/DefaultHead.tsx b/app/layout/components/DefaultHead/DefaultHead.tsx
deleted file mode 100644
index f3098c8..0000000
--- a/app/layout/components/DefaultHead/DefaultHead.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import Script from "next/script"
-import { accounts } from "app/layout/components/Social/Social"
-
-export const appName = "PR-Codex"
-export const appTitle = "PR-Codex"
-export const appDescription =
-  "An AI bot that summarizes PR code diffs, directly on Github. Powered by ChatGPT"
-export const appUrl = process.env.NEXT_PUBLIC_APP_URL
-export const twitterAccount = accounts.twitter.split("twitter.com/").pop()
-
-export default function DefaultHead() {
-  return (
-    <>
-      <meta name="viewport" content="width=device-width, initial-scale=1" />
-      <link
-        rel="apple-touch-icon"
-        sizes="180x180"
-        href="/favicon/apple-touch-icon.png"
-      />
-      <link
-        rel="icon"
-        type="image/png"
-        sizes="32x32"
-        href="/favicon/favicon-32x32.png"
-      />
-      <link
-        rel="icon"
-        type="image/png"
-        sizes="16x16"
-        href="/favicon/favicon-16x16.png"
-      />
-      <link rel="shortcut icon" href="/favicon/apple-touch-icon.png" />
-      <link rel="manifest" href="/favicon/site.webmanifest" />
-
-      <meta property="og:site_name" content={appTitle} />
-      <meta property="og:type" content="website" />
-      <meta property="og:locale" content="en_US" />
-
-      <meta name="twitter:card" content="summary_large_image" />
-      <meta name="twitter:site" content={twitterAccount} />
-      <meta name="twitter:creator" content={twitterAccount} />
-      <meta name="twitter:title" content={appTitle} />
-
-      <Script
-        id="sa_event"
-        dangerouslySetInnerHTML={{
-          __html: `window.sa_event=window.sa_event||function(){var a=[].slice.call(arguments);window.sa_event.q?window.sa_event.q.push(a):window.sa_event.q=[a]};`
-        }}
-      />
-    </>
-  )
-}
diff --git a/app/layout/components/DefaultHead/index.ts b/app/layout/components/DefaultHead/index.ts
deleted file mode 100644
index db2d28d..0000000
--- a/app/layout/components/DefaultHead/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from "./DefaultHead"
diff --git a/app/layout/index.tsx b/app/layout/index.tsx
index d838d81..2c4e28e 100644
--- a/app/layout/index.tsx
+++ b/app/layout/index.tsx
@@ -1,6 +1,6 @@
-import { AppLayout } from "./components"
+import { AppLayout } from "./_components"
+import { baseMetadata } from "./_components/Metadata"
 import "../../styles/global/styles.css"
-
 import { Space_Mono } from "@next/font/google"
 import Script from "next/script"
 
@@ -17,7 +17,6 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en" className={font.className}>
-      <head />
       <body>
         <AppLayout>{children}</AppLayout>
         <Script src="https://scripts.simpleanalyticscdn.com/latest.js" />
@@ -25,3 +24,5 @@ export default function RootLayout({
     </html>
   )
 }
+
+export const metadata = baseMetadata
diff --git a/public/og_image.png b/app/opengraph-image.png
similarity index 100%
rename from public/og_image.png
rename to app/opengraph-image.png
diff --git a/app/page.tsx b/app/page.tsx
index c040e06..967fd1e 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,4 +1,4 @@
-import { Homepage } from "./components/Homepage"
+import { Homepage } from "./_components/Homepage"
 
 export default function Page() {
   return <Homepage />
diff --git a/app/profile/components/ProfilePage.tsx b/app/profile/components/ProfilePage.tsx
index b29d1e5..f3db2b3 100644
--- a/app/profile/components/ProfilePage.tsx
+++ b/app/profile/components/ProfilePage.tsx
@@ -1,4 +1,4 @@
-import { Container } from "app/layout/components"
+import { Container } from "app/layout/_components"
 
 export default function ProfilePage() {
   return (
diff --git a/app/robots.ts b/app/robots.ts
new file mode 100644
index 0000000..c523f0e
--- /dev/null
+++ b/app/robots.ts
@@ -0,0 +1,12 @@
+import { MetadataRoute } from "next"
+import { appUrl } from "./layout/_components"
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: {
+      userAgent: "*",
+      allow: "/"
+    },
+    sitemap: `${appUrl}/sitemap.xml`
+  }
+}
diff --git a/app/sitemap.ts b/app/sitemap.ts
new file mode 100644
index 0000000..1a3c36e
--- /dev/null
+++ b/app/sitemap.ts
@@ -0,0 +1,20 @@
+import { appUrl } from "./layout/_components"
+
+const sitemapRoutes = [""]
+
+export default async function sitemap() {
+  // const res = await fetch("https://.../posts")
+  // const allPosts = await res.json()
+
+  // const posts = allPosts.map((post) => ({
+  //   url: `${appUrl}/blog/${post.slug}`,
+  //   lastModified: post.publishedAt
+  // }))
+
+  const routes = sitemapRoutes.map((route) => ({
+    url: `${appUrl}${route}`,
+    lastModified: new Date().toISOString()
+  }))
+
+  return [...routes /* ...posts */]
+}
diff --git a/public/twitter_card.png b/app/twitter_image.png
similarity index 100%
rename from public/twitter_card.png
rename to app/twitter_image.png
diff --git a/components/icons/Arrow.tsx b/components/icons/Arrow.tsx
index 5304c09..f03fb46 100644
--- a/components/icons/Arrow.tsx
+++ b/components/icons/Arrow.tsx
@@ -10,7 +10,7 @@ const Arrow = ({ ...props }) => {
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
-      className="w-full h-full"
+      className="h-full w-full"
       {...props}
     >
       <line x1="5" y1="12" x2="19" y2="12"></line>
diff --git a/components/icons/Chevron.tsx b/components/icons/Chevron.tsx
index 2bb69f1..8824d21 100644
--- a/components/icons/Chevron.tsx
+++ b/components/icons/Chevron.tsx
@@ -8,7 +8,7 @@ const Chevron = ({ ...props }) => {
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
-      className="feather feather-chevron-left w-full h-full"
+      className="feather feather-chevron-left h-full w-full"
       {...props}
     >
       <polyline points="15 18 9 12 15 6"></polyline>
diff --git a/components/icons/Delete.tsx b/components/icons/Delete.tsx
index 8c81cf1..c1a62f5 100644
--- a/components/icons/Delete.tsx
+++ b/components/icons/Delete.tsx
@@ -10,7 +10,7 @@ const Delete = ({ ...props }) => {
       strokeWidth="1.5"
       strokeLinecap="round"
       strokeLinejoin="round"
-      className="text-black opacity-50 cursor-pointer hover:text-red-500 hover:opacity-100"
+      className="cursor-pointer text-black opacity-50 hover:text-red-500 hover:opacity-100"
       {...props}
     >
       <circle cx="12" cy="12" r="10"></circle>
diff --git a/components/icons/Info.tsx b/components/icons/Info.tsx
index dfa92f4..8893ecb 100644
--- a/components/icons/Info.tsx
+++ b/components/icons/Info.tsx
@@ -10,7 +10,7 @@ const Info = ({ ...props }) => {
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"
-      className="w-full h-full"
+      className="h-full w-full"
       {...props}
     >
       <circle cx="12" cy="12" r="10"></circle>
diff --git a/components/icons/Nightwind.tsx b/components/icons/Nightwind.tsx
index d9a7e53..c3a7815 100644
--- a/components/icons/Nightwind.tsx
+++ b/components/icons/Nightwind.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { useTheme } from "next-themes"
+
 // import nightwind from "nightwind/helper"
 
 const Nightwind = ({ ...props }) => {
@@ -24,7 +25,7 @@ const Nightwind = ({ ...props }) => {
       onClick={props.onClick || toggle}
       className={`${
         props.size || "h-10"
-      } w-auto cursor-pointer group mx-auto z-10`}
+      } group z-10 mx-auto w-auto cursor-pointer`}
     >
       <circle
         cx="70"
diff --git a/components/icons/Refresh.tsx b/components/icons/Refresh.tsx
index 321ce8f..a397765 100644
--- a/components/icons/Refresh.tsx
+++ b/components/icons/Refresh.tsx
@@ -6,7 +6,7 @@ const Refresh = ({ ...props }) => {
       viewBox="0 0 24 24"
       strokeWidth="2"
       stroke="currentColor"
-      className="w-6 h-6"
+      className="h-6 w-6"
       {...props}
     >
       <path
diff --git a/components/ui/ActionScreen/ActionScreen.tsx b/components/ui/ActionScreen/ActionScreen.tsx
index e5e50f9..3aa1712 100644
--- a/components/ui/ActionScreen/ActionScreen.tsx
+++ b/components/ui/ActionScreen/ActionScreen.tsx
@@ -30,16 +30,16 @@ export default function ActionScreen({
   onClickSecondary = () => null
 }: Props) {
   return (
-    <main className="w-full max-w-screen-sm mx-auto">
+    <main className="mx-auto w-full max-w-screen-sm">
       <div className="flex flex-col items-center text-center">
         {title && <h1>{title}</h1>}
         {text && typeof text === "string" ? (
-          <h3 className="font-semibold mb-7">{text}</h3>
+          <h3 className="mb-7 font-semibold">{text}</h3>
         ) : (
           text
         )}
         {helpText && typeof helpText === "string" ? (
-          <p className="opacity-70 mb-7">{helpText}</p>
+          <p className="mb-7 opacity-70">{helpText}</p>
         ) : (
           helpText
         )}
@@ -58,7 +58,7 @@ export default function ActionScreen({
           )}
           {buttonLabelSecondary && (
             <p className="pt-8">
-              <a className="mt-8 highlight" onClick={onClickSecondary}>
+              <a className="highlight mt-8" onClick={onClickSecondary}>
                 {buttonLabelSecondary}
               </a>
             </p>
diff --git a/components/ui/Button/Button.tsx b/components/ui/Button/Button.tsx
index 2146c28..918080b 100644
--- a/components/ui/Button/Button.tsx
+++ b/components/ui/Button/Button.tsx
@@ -79,7 +79,7 @@ export default function Button({
           disabled={disabled}
           onClick={!disabled && !loading && !success ? onClick : null}
         >
-          <div className="flex items-center justify-center w-full">
+          <div className="flex w-full items-center justify-center">
             {success ? (
               <Check />
             ) : loading ? (
diff --git a/components/ui/CardBasic/CardBasic.tsx b/components/ui/CardBasic/CardBasic.tsx
index ffe9770..2582826 100644
--- a/components/ui/CardBasic/CardBasic.tsx
+++ b/components/ui/CardBasic/CardBasic.tsx
@@ -9,7 +9,7 @@ type Props = {
 export default function Card({ label, isActive, setisActive }: Props) {
   return (
     <div
-      className={`flex items-center justify-center py-2 border border-gray-200 rounded-sm shadow-sm cursor-pointer ${
+      className={`flex cursor-pointer items-center justify-center rounded-sm border border-gray-200 py-2 shadow-sm ${
         isActive
           ? "bg-blue-600 text-white dark:bg-blue-600 dark:text-white"
           : "hover:bg-gray-100"
diff --git a/components/ui/CollapsibleItem/CollapsibleItem.tsx b/components/ui/CollapsibleItem/CollapsibleItem.tsx
index 3474969..45e9af2 100644
--- a/components/ui/CollapsibleItem/CollapsibleItem.tsx
+++ b/components/ui/CollapsibleItem/CollapsibleItem.tsx
@@ -27,30 +27,30 @@ export default function CollapsibleItem({
   return (
     <li>
       <div
-        className={`inline-flex items-center cursor-pointer group ${
+        className={`group inline-flex cursor-pointer items-center ${
           wrapperClassName || ""
         } ${secondary ? "opacity-50" : ""}`}
         onClick={() => setShowDetail((showDetail) => !showDetail)}
         id={id || undefined}
       >
-        <div className={`flex-shrink-0 w-4 h-4 mr-4 ${showDetail && "pb-2"}`}>
+        <div className={`mr-4 h-4 w-4 flex-shrink-0 ${showDetail && "pb-2"}`}>
           <Chevron
-            className={`transition-transform duration-50 ease-out ${
+            className={`duration-50 transition-transform ease-out ${
               showDetail
-                ? "group-hover:translate-x-[4px] translate-x-[8px]"
+                ? "translate-x-[8px] group-hover:translate-x-[4px]"
                 : "rotate-180 group-hover:translate-x-[4px]"
             } `}
           />
         </div>
         <p>{label}</p>
         {error && (
-          <div className="w-5 h-5 ml-2 text-red-500">
+          <div className="ml-2 h-5 w-5 text-red-500">
             <Alert />
           </div>
         )}
       </div>
       {showDetail && (
-        <div className="px-3 py-5 mt-3 border border-gray-200 xs:px-5">
+        <div className="xs:px-5 mt-3 border border-gray-200 px-3 py-5">
           {typeof detail == "string" ? <p className="">{detail}</p> : detail}
         </div>
       )}
diff --git a/components/ui/Input/Input.tsx b/components/ui/Input/Input.tsx
index c6b8d6c..e2f5f42 100644
--- a/components/ui/Input/Input.tsx
+++ b/components/ui/Input/Input.tsx
@@ -81,10 +81,10 @@ export default function Input({
           </div>
         </>
       )}
-      <div className="flex flex-row-reverse mb-3">
+      <div className="mb-3 flex flex-row-reverse">
         {onClick && (
           <div
-            className={`relative text-sm font-medium group flex items-center justify-center px-5 text-white nightwind-prevent ${
+            className={`nightwind-prevent group relative flex items-center justify-center px-5 text-sm font-medium text-white ${
               error
                 ? "cursor-pointer bg-red-500"
                 : `bg-blue-600 ${
@@ -101,14 +101,14 @@ export default function Input({
               </span>
             )}
             <div
-              className={`w-[1.2rem] h-[1.2rem] text-white nightwind-prevent transition-transform duration-150 group-hover:translate-x-1 ${
+              className={`nightwind-prevent h-[1.2rem] w-[1.2rem] text-white transition-transform duration-150 group-hover:translate-x-1 ${
                 loading ? "-z-10" : ""
               }`}
             >
               <Arrow />
             </div>
             {loading && (
-              <div className="absolute flex items-center justify-center w-full h-full">
+              <div className="absolute flex h-full w-full items-center justify-center">
                 <Spinner color="text-white nightwind-prevent" />
               </div>
             )}
@@ -129,13 +129,13 @@ export default function Input({
 
         {prefix && (
           <div
-            className={`flex items-center rounded-l-sm justify-center px-5 text-gray-600 bg-gray-200 ${
+            className={`flex items-center justify-center rounded-l-sm bg-gray-200 px-5 text-gray-600 ${
               error ? "shadow-error" : !disabled && !loading ? "text-black" : ""
             } ${
               prefixAction && !disabled && !loading
                 ? "cursor-pointer hover:bg-gray-100"
                 : ""
-            } ${disabled || loading ? "text-gray-400 bg-gray-100 " : ""}`}
+            } ${disabled || loading ? "bg-gray-100 text-gray-400 " : ""}`}
             onClick={
               prefixAction && !disabled && !loading
                 ? () => prefixAction()
diff --git a/components/ui/Input/index.ts b/components/ui/Input/index.ts
index aa97178..6a9a4ab 100644
--- a/components/ui/Input/index.ts
+++ b/components/ui/Input/index.ts
@@ -1 +1 @@
-export { default } from './Input'
+export { default } from "./Input"
diff --git a/components/ui/InputSwitch/InputSwitch.tsx b/components/ui/InputSwitch/InputSwitch.tsx
index 3fe7060..4804e59 100644
--- a/components/ui/InputSwitch/InputSwitch.tsx
+++ b/components/ui/InputSwitch/InputSwitch.tsx
@@ -1,8 +1,8 @@
 "use client"
 
 import { Dispatch, SetStateAction } from "react"
-import Question from "../Question"
 import MySwitch from "../MySwitch"
+import Question from "../Question"
 
 type Props = {
   label: string
@@ -21,7 +21,7 @@ export default function InputSwitch({
 }: Props) {
   return (
     <div className="relative flex items-center justify-end py-2 ">
-      <div className="flex items-center mr-3">
+      <div className="mr-3 flex items-center">
         <p className="pr-1">{label}</p>
         {questionText && <Question text={questionText} position={position} />}
       </div>
diff --git a/components/ui/InputTextarea/InputTextarea.tsx b/components/ui/InputTextarea/InputTextarea.tsx
index 2c4475c..cc6d6f1 100644
--- a/components/ui/InputTextarea/InputTextarea.tsx
+++ b/components/ui/InputTextarea/InputTextarea.tsx
@@ -48,8 +48,8 @@ const Textarea: React.FC<Props> = ({
   return (
     <label>
       {label && (
-        <div className="relative flex items-center h-9">
-          <p className={`text-sm text-left`}>{label}</p>
+        <div className="relative flex h-9 items-center">
+          <p className={`text-left text-sm`}>{label}</p>
 
           {markdownView && !showPreview && (
             <Question
@@ -74,7 +74,7 @@ const Textarea: React.FC<Props> = ({
           )}
           {markdownView && value && (
             <a
-              className="absolute top-0 right-0 flex items-center h-full mr-1 text-sm text-blue-600"
+              className="absolute right-0 top-0 mr-1 flex h-full items-center text-sm text-blue-600"
               onClick={async () => await handleShowPreview()}
             >
               {!showPreview ? "Show preview" : "Hide preview"}
@@ -99,7 +99,7 @@ const Textarea: React.FC<Props> = ({
           className={
             previewBox
               ? previewBox
-              : "px-6 py-3 mt-2 prose shadow-md border border-gray-200 rounded-sm"
+              : "prose mt-2 rounded-sm border border-gray-200 px-6 py-3 shadow-md"
           }
           dangerouslySetInnerHTML={{ __html: htmlContent }}
         />
diff --git a/components/ui/ListIterator/ListIterator.tsx b/components/ui/ListIterator/ListIterator.tsx
index 0da437d..f6c5319 100644
--- a/components/ui/ListIterator/ListIterator.tsx
+++ b/components/ui/ListIterator/ListIterator.tsx
@@ -16,7 +16,7 @@ export default function ListIterator({
   return (
     <>
       <div className={wrapperClassname}>{children.slice(0, items)}</div>
-      <p className="mt-12 text-sm font-bold text-center text-gray-300/60">
+      <p className="mt-12 text-center text-sm font-bold text-gray-300/60">
         <span
           className="cursor-pointer hover:text-gray-300/100"
           onClick={() => setItems((items) => (items += initItems))}
diff --git a/components/ui/MySwitch/MySwitch.tsx b/components/ui/MySwitch/MySwitch.tsx
index 7ed7cc6..e651b8f 100644
--- a/components/ui/MySwitch/MySwitch.tsx
+++ b/components/ui/MySwitch/MySwitch.tsx
@@ -1,7 +1,7 @@
 "use client"
 
-import { Dispatch, SetStateAction } from "react"
 import { Switch } from "@headlessui/react"
+import { Dispatch, SetStateAction } from "react"
 
 type Props = {
   enabled: boolean
@@ -14,13 +14,13 @@ const MySwitch = ({ enabled, setEnabled }: Props) => {
       checked={enabled}
       onChange={setEnabled}
       className={`${enabled ? "bg-green-500" : "bg-gray-800"}
-          relative inline-flex flex-shrink-0 h-[26px] w-[52px] border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus-visible:ring-2  focus-visible:ring-white focus-visible:ring-opacity-75`}
+          relative inline-flex h-[26px] w-[52px] flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2  focus-visible:ring-white focus-visible:ring-opacity-75`}
     >
       <span className="sr-only">Use setting</span>
       <span
         aria-hidden="true"
         className={`${enabled ? "translate-x-[22px]" : "translate-x-0"}
-            pointer-events-none inline-block h-[22px] w-[26px] rounded-full bg-white shadow-lg transform ring-0 transition ease-in-out duration-200`}
+            pointer-events-none inline-block h-[22px] w-[26px] transform rounded-full bg-white shadow-lg ring-0 transition duration-200 ease-in-out`}
       />
     </Switch>
   )
diff --git a/components/ui/NoteText/NoteText.tsx b/components/ui/NoteText/NoteText.tsx
index 8cd6c53..20000bb 100644
--- a/components/ui/NoteText/NoteText.tsx
+++ b/components/ui/NoteText/NoteText.tsx
@@ -9,7 +9,7 @@ const NoteText = ({ text, error }: Props) => {
   return (
     <div className={`text-sm ${error ? "text-red-500" : "text-yellow-600"}`}>
       <p>
-        <span className="inline-block w-[18px] h-[18px] mr-2 -mb-1">
+        <span className="-mb-1 mr-2 inline-block h-[18px] w-[18px]">
           <Info />
         </span>
         {text}
diff --git a/components/ui/Question/Question.tsx b/components/ui/Question/Question.tsx
index e6ebcab..2919861 100644
--- a/components/ui/Question/Question.tsx
+++ b/components/ui/Question/Question.tsx
@@ -1,7 +1,7 @@
 "use client"
 
-import { useState } from "react"
 import QuestionMark from "@components/icons/QuestionMark"
+import { useState } from "react"
 
 type Props = {
   text: string | JSX.Element
@@ -16,9 +16,9 @@ export default function Question({ text, position }: Props) {
       <div
         className={`${
           !show ? "hidden " : ""
-        }prose-sm text-left absolute p-5 w-[22rem] z-10 xs:w-96 bg-white shadow-xl ${
+        }prose-sm xs:w-96 absolute z-10 w-[22rem] bg-white p-5 text-left shadow-xl ${
           position || "bottom-0 left-0"
-        } mb-9 rounded-sm overflow-hidden border border-blue-600 border-opacity-50`}
+        } mb-9 overflow-hidden rounded-sm border border-blue-600 border-opacity-50`}
       >
         {text}
       </div>
diff --git a/lib/cors.ts b/lib/cors.ts
index 1190121..dc7e642 100644
--- a/lib/cors.ts
+++ b/lib/cors.ts
@@ -26,7 +26,7 @@ const defaultOptions: CorsOptions = {
   origin: "*",
   methods: "GET,HEAD,PUT,PATCH,POST,DELETE",
   preflightContinue: false,
-  optionsSuccessStatus: 204,
+  optionsSuccessStatus: 204
 }
 
 function isOriginAllowed(origin: string, allowed: StaticOrigin): boolean {
diff --git a/lib/summarizePullRequest.ts b/lib/summarizePullRequest.ts
index d866f32..81984d1 100644
--- a/lib/summarizePullRequest.ts
+++ b/lib/summarizePullRequest.ts
@@ -1,9 +1,8 @@
 import { Octokit } from "@octokit/rest"
-import { parseDiff } from "../utils/parseDiff"
-import { joinStringsUntilMaxLength } from "./joinStringsUntilMaxLength"
-
 import { ChatCompletionRequestMessage, OpenAI } from "openai-streams"
 import { yieldStream } from "yield-stream"
+import { parseDiff } from "../utils/parseDiff"
+import { joinStringsUntilMaxLength } from "./joinStringsUntilMaxLength"
 
 export const startDescription = "<!-- start pr-codex -->"
 export const endDescription = "<!-- end pr-codex -->"
diff --git a/next-env.d.ts b/next-env.d.ts
index fd36f94..4f11a03 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -1,6 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/package-lock.json b/package-lock.json
index 18a7f2d..5325baf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,13 +9,13 @@
       "version": "0.1.0",
       "dependencies": {
         "@headlessui/react": "^1.7.14",
+        "@ianvs/prettier-plugin-sort-imports": "^3.7.2",
         "@next/font": "^13.3.0",
         "@octokit/app": "^13.1.2",
         "@octokit/auth-app": "^4.0.9",
         "@octokit/rest": "^19.0.7",
         "@octokit/webhooks": "^10.7.0",
         "@tailwindcss/aspect-ratio": "^0.4.2",
-        "@tailwindcss/line-clamp": "^0.4.4",
         "@tailwindcss/typography": "^0.5.9",
         "@types/node": "^18.15.11",
         "@types/react": "^18.0.35",
@@ -24,6 +24,7 @@
         "next-themes": "^0.2.1",
         "openai-streams": "^5.0.0",
         "postcss-import": "^15.1.0",
+        "prettier-plugin-tailwindcss": "^0.2.7",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "remark": "^14.0.2",
@@ -50,7 +51,6 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
       "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
-      "peer": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.0",
         "@jridgewell/trace-mapping": "^0.3.9"
@@ -63,7 +63,6 @@
       "version": "7.21.4",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.21.4.tgz",
       "integrity": "sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==",
-      "peer": true,
       "dependencies": {
         "@babel/highlight": "^7.18.6"
       },
@@ -83,7 +82,6 @@
       "version": "7.21.4",
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.21.4.tgz",
       "integrity": "sha512-qt/YV149Jman/6AfmlxJ04LMIu8bMoyl3RB91yTFrxQmgbrSvQMy7cI8Q62FHx1t8wJ8B5fu0UDoLwHAhUo1QA==",
-      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.21.4",
@@ -113,7 +111,6 @@
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
       "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "peer": true,
       "bin": {
         "json5": "lib/cli.js"
       },
@@ -125,7 +122,6 @@
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
       "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-      "peer": true,
       "bin": {
         "semver": "bin/semver.js"
       }
@@ -134,7 +130,6 @@
       "version": "7.21.4",
       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.4.tgz",
       "integrity": "sha512-NieM3pVIYW2SwGzKoqfPrQsf4xGs9M9AIG3ThppsSRmO+m7eQhmI6amajKMUeIO37wFfsvnvcxQFx6x6iqxDnA==",
-      "peer": true,
       "dependencies": {
         "@babel/types": "^7.21.4",
         "@jridgewell/gen-mapping": "^0.3.2",
@@ -212,7 +207,6 @@
       "version": "7.18.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz",
       "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -221,7 +215,6 @@
       "version": "7.21.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz",
       "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==",
-      "peer": true,
       "dependencies": {
         "@babel/template": "^7.20.7",
         "@babel/types": "^7.21.0"
@@ -234,7 +227,6 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz",
       "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==",
-      "peer": true,
       "dependencies": {
         "@babel/types": "^7.18.6"
       },
@@ -257,7 +249,6 @@
       "version": "7.21.2",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz",
       "integrity": "sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==",
-      "peer": true,
       "dependencies": {
         "@babel/helper-environment-visitor": "^7.18.9",
         "@babel/helper-module-imports": "^7.18.6",
@@ -284,7 +275,6 @@
       "version": "7.20.2",
       "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz",
       "integrity": "sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==",
-      "peer": true,
       "dependencies": {
         "@babel/types": "^7.20.2"
       },
@@ -296,7 +286,6 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz",
       "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==",
-      "peer": true,
       "dependencies": {
         "@babel/types": "^7.18.6"
       },
@@ -332,7 +321,6 @@
       "version": "7.21.0",
       "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.21.0.tgz",
       "integrity": "sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==",
-      "peer": true,
       "dependencies": {
         "@babel/template": "^7.20.7",
         "@babel/traverse": "^7.21.0",
@@ -346,7 +334,6 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz",
       "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==",
-      "peer": true,
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.18.6",
         "chalk": "^2.0.0",
@@ -360,7 +347,6 @@
       "version": "7.21.4",
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.4.tgz",
       "integrity": "sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==",
-      "peer": true,
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -423,7 +409,6 @@
       "version": "7.20.7",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
       "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.18.6",
         "@babel/parser": "^7.20.7",
@@ -437,7 +422,6 @@
       "version": "7.21.4",
       "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.4.tgz",
       "integrity": "sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.21.4",
         "@babel/generator": "^7.21.4",
@@ -458,7 +442,6 @@
       "version": "11.12.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
       "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "peer": true,
       "engines": {
         "node": ">=4"
       }
@@ -1298,6 +1281,30 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
+    "node_modules/@ianvs/prettier-plugin-sort-imports": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/@ianvs/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-3.7.2.tgz",
+      "integrity": "sha512-bVckKToJM8XV2wTOG1VpeXrSmfAG49esVrikbxeFbY51RJdNke9AdMANJtGuACB59uo+pGlz0wBdWFrRzWyO1A==",
+      "dependencies": {
+        "@babel/core": "^7.17.7",
+        "@babel/generator": "^7.17.7",
+        "@babel/parser": "^7.17.7",
+        "@babel/traverse": "^7.17.3",
+        "@babel/types": "^7.17.0",
+        "javascript-natural-sort": "0.7.1",
+        "lodash.clone": "^4.5.0",
+        "lodash.isequal": "^4.5.0"
+      },
+      "peerDependencies": {
+        "@vue/compiler-sfc": ">=3.0.0",
+        "prettier": "2.x"
+      },
+      "peerDependenciesMeta": {
+        "@vue/compiler-sfc": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
@@ -2358,14 +2365,6 @@
         "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
       }
     },
-    "node_modules/@tailwindcss/line-clamp": {
-      "version": "0.4.4",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/line-clamp/-/line-clamp-0.4.4.tgz",
-      "integrity": "sha512-5U6SY5z8N42VtrCrKlsTAA35gy2VSyYtHWCsg1H87NU1SXnEfekTVlrga9fzUDrrHcGi2Lb5KenUWb4lRQT5/g==",
-      "peerDependencies": {
-        "tailwindcss": ">=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1"
-      }
-    },
     "node_modules/@tailwindcss/typography": {
       "version": "0.5.9",
       "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.9.tgz",
@@ -3412,7 +3411,6 @@
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
       "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "peer": true,
       "dependencies": {
         "color-convert": "^1.9.0"
       },
@@ -3973,7 +3971,6 @@
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
       "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "peer": true,
       "dependencies": {
         "ansi-styles": "^3.2.1",
         "escape-string-regexp": "^1.0.5",
@@ -4079,7 +4076,6 @@
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
       "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "peer": true,
       "dependencies": {
         "color-name": "1.1.3"
       }
@@ -4087,8 +4083,7 @@
     "node_modules/color-name": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "peer": true
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
     },
     "node_modules/comma-separated-tokens": {
       "version": "2.0.3",
@@ -4115,8 +4110,7 @@
     "node_modules/convert-source-map": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
-      "peer": true
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
     },
     "node_modules/copy-to-clipboard": {
       "version": "3.3.3",
@@ -4548,7 +4542,6 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "peer": true,
       "engines": {
         "node": ">=0.8.0"
       }
@@ -5569,7 +5562,6 @@
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
       "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "peer": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -5752,7 +5744,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
       "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "peer": true,
       "engines": {
         "node": ">=4"
       }
@@ -6326,6 +6317,11 @@
         "ws": "*"
       }
     },
+    "node_modules/javascript-natural-sort": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/javascript-natural-sort/-/javascript-natural-sort-0.7.1.tgz",
+      "integrity": "sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw=="
+    },
     "node_modules/jayson": {
       "version": "3.7.0",
       "resolved": "https://registry.npmjs.org/jayson/-/jayson-3.7.0.tgz",
@@ -6401,7 +6397,6 @@
       "version": "2.5.2",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
       "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-      "peer": true,
       "bin": {
         "jsesc": "bin/jsesc"
       },
@@ -6621,6 +6616,11 @@
       "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
       "integrity": "sha1-wCUTUV4wna3dTCTGDP3c9ZdtkRU="
     },
+    "node_modules/lodash.clone": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clone/-/lodash.clone-4.5.0.tgz",
+      "integrity": "sha512-GhrVeweiTD6uTmmn5hV/lzgCQhccwReIVRLHp7LT4SopOjqEZ5BbX8b5WWEtAKasjmy8hR7ZPwsYlxRCku5odg=="
+    },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -8237,6 +8237,94 @@
         "url": "https://opencollective.com/preact"
       }
     },
+    "node_modules/prettier": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz",
+      "integrity": "sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==",
+      "peer": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-plugin-tailwindcss": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.2.7.tgz",
+      "integrity": "sha512-jQopIOgjLpX+y8HeD56XZw7onupRTC0cw7eKKUimI7vhjkPF5/1ltW5LyqaPtSyc8HvEpvNZsvvsGFa2qpa59w==",
+      "engines": {
+        "node": ">=12.17.0"
+      },
+      "peerDependencies": {
+        "@ianvs/prettier-plugin-sort-imports": "*",
+        "@prettier/plugin-php": "*",
+        "@prettier/plugin-pug": "*",
+        "@shopify/prettier-plugin-liquid": "*",
+        "@shufo/prettier-plugin-blade": "*",
+        "@trivago/prettier-plugin-sort-imports": "*",
+        "prettier": ">=2.2.0",
+        "prettier-plugin-astro": "*",
+        "prettier-plugin-css-order": "*",
+        "prettier-plugin-import-sort": "*",
+        "prettier-plugin-jsdoc": "*",
+        "prettier-plugin-organize-attributes": "*",
+        "prettier-plugin-organize-imports": "*",
+        "prettier-plugin-style-order": "*",
+        "prettier-plugin-svelte": "*",
+        "prettier-plugin-twig-melody": "*"
+      },
+      "peerDependenciesMeta": {
+        "@ianvs/prettier-plugin-sort-imports": {
+          "optional": true
+        },
+        "@prettier/plugin-php": {
+          "optional": true
+        },
+        "@prettier/plugin-pug": {
+          "optional": true
+        },
+        "@shopify/prettier-plugin-liquid": {
+          "optional": true
+        },
+        "@shufo/prettier-plugin-blade": {
+          "optional": true
+        },
+        "@trivago/prettier-plugin-sort-imports": {
+          "optional": true
+        },
+        "prettier-plugin-astro": {
+          "optional": true
+        },
+        "prettier-plugin-css-order": {
+          "optional": true
+        },
+        "prettier-plugin-import-sort": {
+          "optional": true
+        },
+        "prettier-plugin-jsdoc": {
+          "optional": true
+        },
+        "prettier-plugin-organize-attributes": {
+          "optional": true
+        },
+        "prettier-plugin-organize-imports": {
+          "optional": true
+        },
+        "prettier-plugin-style-order": {
+          "optional": true
+        },
+        "prettier-plugin-svelte": {
+          "optional": true
+        },
+        "prettier-plugin-twig-melody": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/process-warning": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-1.0.0.tgz",
@@ -9110,7 +9198,6 @@
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "peer": true,
       "dependencies": {
         "has-flag": "^3.0.0"
       },
@@ -10175,7 +10262,6 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
       "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
-      "peer": true,
       "requires": {
         "@jridgewell/gen-mapping": "^0.3.0",
         "@jridgewell/trace-mapping": "^0.3.9"
@@ -10185,7 +10271,6 @@
       "version": "7.21.4",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.21.4.tgz",
       "integrity": "sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==",
-      "peer": true,
       "requires": {
         "@babel/highlight": "^7.18.6"
       }
@@ -10199,7 +10284,6 @@
       "version": "7.21.4",
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.21.4.tgz",
       "integrity": "sha512-qt/YV149Jman/6AfmlxJ04LMIu8bMoyl3RB91yTFrxQmgbrSvQMy7cI8Q62FHx1t8wJ8B5fu0UDoLwHAhUo1QA==",
-      "peer": true,
       "requires": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.21.4",
@@ -10221,14 +10305,12 @@
         "json5": {
           "version": "2.2.3",
           "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-          "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-          "peer": true
+          "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="
         },
         "semver": {
           "version": "6.3.0",
           "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-          "peer": true
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
         }
       }
     },
@@ -10236,7 +10318,6 @@
       "version": "7.21.4",
       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.21.4.tgz",
       "integrity": "sha512-NieM3pVIYW2SwGzKoqfPrQsf4xGs9M9AIG3ThppsSRmO+m7eQhmI6amajKMUeIO37wFfsvnvcxQFx6x6iqxDnA==",
-      "peer": true,
       "requires": {
         "@babel/types": "^7.21.4",
         "@jridgewell/gen-mapping": "^0.3.2",
@@ -10299,14 +10380,12 @@
     "@babel/helper-environment-visitor": {
       "version": "7.18.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz",
-      "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==",
-      "peer": true
+      "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg=="
     },
     "@babel/helper-function-name": {
       "version": "7.21.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz",
       "integrity": "sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==",
-      "peer": true,
       "requires": {
         "@babel/template": "^7.20.7",
         "@babel/types": "^7.21.0"
@@ -10316,7 +10395,6 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz",
       "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==",
-      "peer": true,
       "requires": {
         "@babel/types": "^7.18.6"
       }
@@ -10333,7 +10411,6 @@
       "version": "7.21.2",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz",
       "integrity": "sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==",
-      "peer": true,
       "requires": {
         "@babel/helper-environment-visitor": "^7.18.9",
         "@babel/helper-module-imports": "^7.18.6",
@@ -10354,7 +10431,6 @@
       "version": "7.20.2",
       "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz",
       "integrity": "sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==",
-      "peer": true,
       "requires": {
         "@babel/types": "^7.20.2"
       }
@@ -10363,7 +10439,6 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz",
       "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==",
-      "peer": true,
       "requires": {
         "@babel/types": "^7.18.6"
       }
@@ -10387,7 +10462,6 @@
       "version": "7.21.0",
       "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.21.0.tgz",
       "integrity": "sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==",
-      "peer": true,
       "requires": {
         "@babel/template": "^7.20.7",
         "@babel/traverse": "^7.21.0",
@@ -10398,7 +10472,6 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz",
       "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==",
-      "peer": true,
       "requires": {
         "@babel/helper-validator-identifier": "^7.18.6",
         "chalk": "^2.0.0",
@@ -10408,8 +10481,7 @@
     "@babel/parser": {
       "version": "7.21.4",
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.4.tgz",
-      "integrity": "sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==",
-      "peer": true
+      "integrity": "sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw=="
     },
     "@babel/plugin-transform-runtime": {
       "version": "7.21.4",
@@ -10453,7 +10525,6 @@
       "version": "7.20.7",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.20.7.tgz",
       "integrity": "sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==",
-      "peer": true,
       "requires": {
         "@babel/code-frame": "^7.18.6",
         "@babel/parser": "^7.20.7",
@@ -10464,7 +10535,6 @@
       "version": "7.21.4",
       "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.21.4.tgz",
       "integrity": "sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==",
-      "peer": true,
       "requires": {
         "@babel/code-frame": "^7.21.4",
         "@babel/generator": "^7.21.4",
@@ -10481,8 +10551,7 @@
         "globals": {
           "version": "11.12.0",
           "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-          "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-          "peer": true
+          "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="
         }
       }
     },
@@ -10979,6 +11048,21 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
+    "@ianvs/prettier-plugin-sort-imports": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/@ianvs/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-3.7.2.tgz",
+      "integrity": "sha512-bVckKToJM8XV2wTOG1VpeXrSmfAG49esVrikbxeFbY51RJdNke9AdMANJtGuACB59uo+pGlz0wBdWFrRzWyO1A==",
+      "requires": {
+        "@babel/core": "^7.17.7",
+        "@babel/generator": "^7.17.7",
+        "@babel/parser": "^7.17.7",
+        "@babel/traverse": "^7.17.3",
+        "@babel/types": "^7.17.0",
+        "javascript-natural-sort": "0.7.1",
+        "lodash.clone": "^4.5.0",
+        "lodash.isequal": "^4.5.0"
+      }
+    },
     "@jridgewell/gen-mapping": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
@@ -11851,12 +11935,6 @@
         "mini-svg-data-uri": "^1.2.3"
       }
     },
-    "@tailwindcss/line-clamp": {
-      "version": "0.4.4",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/line-clamp/-/line-clamp-0.4.4.tgz",
-      "integrity": "sha512-5U6SY5z8N42VtrCrKlsTAA35gy2VSyYtHWCsg1H87NU1SXnEfekTVlrga9fzUDrrHcGi2Lb5KenUWb4lRQT5/g==",
-      "requires": {}
-    },
     "@tailwindcss/typography": {
       "version": "0.5.9",
       "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.9.tgz",
@@ -12664,7 +12742,6 @@
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
       "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "peer": true,
       "requires": {
         "color-convert": "^1.9.0"
       }
@@ -13059,7 +13136,6 @@
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
       "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "peer": true,
       "requires": {
         "ansi-styles": "^3.2.1",
         "escape-string-regexp": "^1.0.5",
@@ -13130,7 +13206,6 @@
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
       "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "peer": true,
       "requires": {
         "color-name": "1.1.3"
       }
@@ -13138,8 +13213,7 @@
     "color-name": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "peer": true
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
     },
     "comma-separated-tokens": {
       "version": "2.0.3",
@@ -13159,8 +13233,7 @@
     "convert-source-map": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
-      "peer": true
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
     },
     "copy-to-clipboard": {
       "version": "3.3.3",
@@ -13503,8 +13576,7 @@
     "escape-string-regexp": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "peer": true
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg=="
     },
     "eslint": {
       "version": "8.38.0",
@@ -14253,8 +14325,7 @@
     "gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "peer": true
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg=="
     },
     "get-caller-file": {
       "version": "2.0.5",
@@ -14385,8 +14456,7 @@
     "has-flag": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "peer": true
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw=="
     },
     "has-property-descriptors": {
       "version": "1.0.0",
@@ -14765,6 +14835,11 @@
       "integrity": "sha512-BhBvN2MBpWTaSHdWRb/bwdZJ1WaehQ2L1KngkCkfLUGF0mAWAT1sQUQacEmQ0jXkFw/czDXPNQSL5u2/Krsz1w==",
       "requires": {}
     },
+    "javascript-natural-sort": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/javascript-natural-sort/-/javascript-natural-sort-0.7.1.tgz",
+      "integrity": "sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw=="
+    },
     "jayson": {
       "version": "3.7.0",
       "resolved": "https://registry.npmjs.org/jayson/-/jayson-3.7.0.tgz",
@@ -14829,8 +14904,7 @@
     "jsesc": {
       "version": "2.5.2",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-      "peer": true
+      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA=="
     },
     "json-rpc-engine": {
       "version": "6.1.0",
@@ -15012,6 +15086,11 @@
       "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
       "integrity": "sha1-wCUTUV4wna3dTCTGDP3c9ZdtkRU="
     },
+    "lodash.clone": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clone/-/lodash.clone-4.5.0.tgz",
+      "integrity": "sha512-GhrVeweiTD6uTmmn5hV/lzgCQhccwReIVRLHp7LT4SopOjqEZ5BbX8b5WWEtAKasjmy8hR7ZPwsYlxRCku5odg=="
+    },
     "lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -16033,6 +16112,18 @@
       "resolved": "https://registry.npmjs.org/preact/-/preact-10.13.2.tgz",
       "integrity": "sha512-q44QFLhOhty2Bd0Y46fnYW0gD/cbVM9dUVtNTDKPcdXSMA7jfY+Jpd6rk3GB0lcQss0z5s/6CmVP0Z/hV+g6pw=="
     },
+    "prettier": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz",
+      "integrity": "sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==",
+      "peer": true
+    },
+    "prettier-plugin-tailwindcss": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.2.7.tgz",
+      "integrity": "sha512-jQopIOgjLpX+y8HeD56XZw7onupRTC0cw7eKKUimI7vhjkPF5/1ltW5LyqaPtSyc8HvEpvNZsvvsGFa2qpa59w==",
+      "requires": {}
+    },
     "process-warning": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-1.0.0.tgz",
@@ -16642,7 +16733,6 @@
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "peer": true,
       "requires": {
         "has-flag": "^3.0.0"
       }
diff --git a/package.json b/package.json
index ca44b2c..2d70b63 100644
--- a/package.json
+++ b/package.json
@@ -8,17 +8,18 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
+    "prettier": "prettier --write . --ignore-path .gitignore",
     "summarize": "npx ts-node scripts/summarize"
   },
   "dependencies": {
     "@headlessui/react": "^1.7.14",
+    "@ianvs/prettier-plugin-sort-imports": "^3.7.2",
     "@next/font": "^13.3.0",
     "@octokit/app": "^13.1.2",
     "@octokit/auth-app": "^4.0.9",
     "@octokit/rest": "^19.0.7",
     "@octokit/webhooks": "^10.7.0",
     "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/line-clamp": "^0.4.4",
     "@tailwindcss/typography": "^0.5.9",
     "@types/node": "^18.15.11",
     "@types/react": "^18.0.35",
@@ -27,6 +28,7 @@
     "next-themes": "^0.2.1",
     "openai-streams": "^5.0.0",
     "postcss-import": "^15.1.0",
+    "prettier-plugin-tailwindcss": "^0.2.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "remark": "^14.0.2",
diff --git a/pages/sitemap.xml.ts b/pages/sitemap.xml.ts
deleted file mode 100644
index 127cc40..0000000
--- a/pages/sitemap.xml.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { appUrl } from "app/layout/components/DefaultHead/DefaultHead"
-// import fetcher from "@utils/fetcher"
-import { GetServerSideProps } from "next"
-
-function generateSiteMap() {
-  return `<?xml version="1.0" encoding="UTF-8"?>
-   <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-     <url>
-        <loc>${appUrl}</loc>
-      </url>
-   </urlset>
- `
-}
-
-function SiteMap() {
-  // getServerSideProps will do the heavy lifting
-}
-
-export const getServerSideProps: GetServerSideProps = async ({ res }) => {
-  const baseUrl = process.env.NEXT_PUBLIC_APP_URL
-  // const { dynamicContent } = await fetcher(`${baseUrl}/`)
-
-  // We generate the XML sitemap with the posts data
-  // const sitemap = generateSiteMap(dynamicContent)
-
-  // or with static data
-  const sitemap = generateSiteMap()
-
-  res.setHeader("Content-Type", "text/xml")
-  // we send the XML to the browser
-  res.write(sitemap)
-  res.end()
-
-  return {
-    props: {}
-  }
-}
-
-export default SiteMap
diff --git a/public/favicon/android-chrome-192x192.png b/public/favicon/android-chrome-192x192.png
deleted file mode 100644
index c410ffc..0000000
Binary files a/public/favicon/android-chrome-192x192.png and /dev/null differ
diff --git a/public/favicon/android-chrome-512x512.png b/public/favicon/android-chrome-512x512.png
deleted file mode 100644
index bfb9552..0000000
Binary files a/public/favicon/android-chrome-512x512.png and /dev/null differ
diff --git a/public/favicon/apple-touch-icon.png b/public/favicon/apple-touch-icon.png
deleted file mode 100644
index 85509d1..0000000
Binary files a/public/favicon/apple-touch-icon.png and /dev/null differ
diff --git a/public/favicon/favicon-16x16.png b/public/favicon/favicon-16x16.png
deleted file mode 100644
index 08e9758..0000000
Binary files a/public/favicon/favicon-16x16.png and /dev/null differ
diff --git a/public/favicon/favicon-32x32.png b/public/favicon/favicon-32x32.png
deleted file mode 100644
index dc56261..0000000
Binary files a/public/favicon/favicon-32x32.png and /dev/null differ
diff --git a/public/favicon/site.webmanifest b/public/favicon/site.webmanifest
deleted file mode 100644
index 45dc8a2..0000000
--- a/public/favicon/site.webmanifest
+++ /dev/null
@@ -1 +0,0 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
diff --git a/public/robots.txt b/public/robots.txt
deleted file mode 100644
index 14267e9..0000000
--- a/public/robots.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-User-agent: *
-Allow: /
\ No newline at end of file
diff --git a/scripts/summarize.ts b/scripts/summarize.ts
index 8036f53..7005ec4 100755
--- a/scripts/summarize.ts
+++ b/scripts/summarize.ts
@@ -1,7 +1,8 @@
-import { testPayload } from "../utils/github/testPayload"
+import dotenv from "dotenv"
 import { handleGithubAuth } from "../lib/handleGithubAuth"
 import { summarizePullRequest } from "../lib/summarizePullRequest"
-import dotenv from "dotenv"
+import { testPayload } from "../utils/github/testPayload"
+
 dotenv.config()
 
 // Customize payload in `utils/testPayload`
diff --git a/styles/global/base.css b/styles/global/base.css
index cafbe45..0ee3712 100644
--- a/styles/global/base.css
+++ b/styles/global/base.css
@@ -6,5 +6,5 @@ body {
 }
 
 body {
-  @apply text-white bg-black;
+  @apply bg-black text-white;
 }
diff --git a/styles/global/fonts.css b/styles/global/fonts.css
index d8cbe3a..1ddad10 100644
--- a/styles/global/fonts.css
+++ b/styles/global/fonts.css
@@ -12,7 +12,7 @@ h3 {
 }
 
 a {
-  @apply font-medium cursor-pointer hover:text-yellow-300;
+  @apply cursor-pointer font-medium hover:text-yellow-300;
   text-decoration: none;
 }
 
diff --git a/styles/home.css b/styles/home.css
index 84cf445..57b112d 100644
--- a/styles/home.css
+++ b/styles/home.css
@@ -8,7 +8,7 @@
 }
 
 .clickable {
-  @apply font-medium cursor-pointer;
+  @apply cursor-pointer font-medium;
 }
 
 .clickable.active {
diff --git a/tailwind.config.ts b/tailwind.config.ts
index ffd9a57..a347141 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,8 +1,7 @@
-import { Config } from "tailwindcss"
+import aspectRatio from "@tailwindcss/aspect-ratio"
 import forms from "@tailwindcss/forms"
 import typography from "@tailwindcss/typography"
-import aspectRatio from "@tailwindcss/aspect-ratio"
-import lineClamp from "@tailwindcss/line-clamp"
+import { Config } from "tailwindcss"
 
 const config: Config = {
   content: [
@@ -52,7 +51,7 @@ const config: Config = {
       })
     }
   },
-  plugins: [forms, typography, aspectRatio, lineClamp]
+  plugins: [forms, typography, aspectRatio]
 }
 
 export default config