perf: add github link

src/app/content/components/MessageList.tsx

@@ -1,4 +1,4 @@
-import { FC, forwardRef, useRef, useState, type ReactElement } from 'react'
+import { FC, useState, type ReactElement } from 'react'
 
 import { type MessageItemProps } from './MessageItem'
 import { type PromptItemProps } from './PromptItem'

src/app/options/App.tsx

@@ -1,13 +1,17 @@
 import { Toaster } from 'sonner'
-import Layout from './components/Layout'
+import Main from './components/Main'
 import ProfileForm from './components/ProfileForm'
+import BadgeList from './components/BadgeList'
 
 function App() {
   return (
-    <Layout>
+    <>
+      <BadgeList></BadgeList>
+      <Main>
         <ProfileForm></ProfileForm>
         <Toaster richColors position="top-center" />
-    </Layout>
+      </Main>
+    </>
   )
 }
 

src/app/options/components/BadgeList.tsx

@@ -0,0 +1,20 @@
+import { FC } from 'react'
+import { Button } from '@/components/ui/Button'
+import { GitHubLogoIcon } from '@radix-ui/react-icons'
+
+const BadgeList: FC = () => {
+  return (
+    <div className="fixed inset-x-1 bottom-6 mx-auto flex w-fit font-sans">
+      <Button asChild size="lg" variant="ghost" className="rounded-full px-3 text-xl font-semibold text-primary">
+        <a href="https://github.com/molvqingtai/WebChat" target="https://github.com/molvqingtai/WebChat">
+          <GitHubLogoIcon className="mr-1 size-6"></GitHubLogoIcon>
+          Github
+        </a>
+      </Button>
+    </div>
+  )
+}
+
+BadgeList.displayName = 'BadgeList'
+
+export default BadgeList

src/app/options/components/Main.tsx

@@ -4,14 +4,14 @@ export interface AppLayoutProps {
   children?: ReactNode
 }
 
-const Layout: FC<AppLayoutProps> = ({ children }) => {
+const Main: FC<AppLayoutProps> = ({ children }) => {
   return (
-    <main className="grid min-h-screen min-w-screen items-center justify-center bg-gray-50 bg-[url(@/assets/images/texture.png)]">
+    <main className="grid min-h-screen min-w-screen items-center justify-center bg-gray-50 bg-[url(@/assets/images/texture.png)] font-sans">
       <div className="relative rounded-xl bg-slate-50 shadow-lg">{children}</div>
     </main>
   )
 }
 
-Layout.displayName = 'Layout'
+Main.displayName = 'Main'
 
-export default Layout
+export default Main