From 6ea8d835d1ad1515a452ca998538127b50394d4c Mon Sep 17 00:00:00 2001
From: aliirz <dejavu87@gmail.com>
Date: Tue, 3 Dec 2024 22:18:52 +0500
Subject: [PATCH] fixed lint errors

---
 app/about/page.tsx                         |  16 +--
 app/admin/upload/page.tsx                  |   4 +-
 app/auth/callback/page.tsx                 |   4 +-
 app/chat/page.tsx                          |  34 +++---
 app/components/message-threads-sidebar.tsx |  32 ++---
 app/page.tsx                               |  26 ++---
 app/proceedings/[id]/page.tsx              |   8 +-
 app/proceedings/page.tsx                   |   6 +-
 components/chat/chat-input.tsx             |   2 +-
 components/chat/message.tsx                |  16 +--
 components/footer.tsx                      |   2 +-
 components/main-nav.tsx                    |  22 ++--
 components/pehchan-button.tsx              |   2 +-
 components/site-header.tsx                 |   4 +-
 components/tailwind-indicator.tsx          |   2 +-
 components/theme-toggle.tsx                |   4 +-
 components/ui/avatar.tsx                   |   6 +-
 components/ui/chat/chat-bubble.tsx         |   8 +-
 components/ui/chat/chat-input.tsx          |   2 +-
 components/ui/chat/chat-message-list.tsx   |   2 +-
 components/ui/chat/expandable-chat.tsx     |  16 +--
 components/ui/scroll-area.tsx              |   6 +-
 components/ui/select.tsx                   |  12 +-
 components/ui/toast.tsx                    |   2 +-
 package-lock.json                          | 129 +++++++++++----------
 package.json                               |   4 +-
 26 files changed, 188 insertions(+), 183 deletions(-)

diff --git a/app/about/page.tsx b/app/about/page.tsx
index b2d1fa9..f517b46 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -4,19 +4,19 @@ import { ExternalLink } from "lucide-react"
 
 export default function AboutPage() {
   return (
-    <div className="container mx-auto py-8 space-y-8">
+    <div className="container mx-auto space-y-8 py-8">
       {/* Hero Section */}
-      <div className="relative h-[400px] rounded-lg overflow-hidden">
+      <div className="relative h-[400px] overflow-hidden rounded-lg">
         <div className="absolute inset-0">
           <img
             src="parliament.jpg"
             alt="Pakistan Parliament"
-            className="w-full h-full object-cover"
+            className="size-full object-cover"
           />
           <div className="absolute inset-0 bg-gradient-to-b from-black/70 via-black/50 to-black/70" />
         </div>
-        <div className="relative z-10 h-full flex flex-col items-center justify-center text-white p-6 text-center">
-          <h1 className="scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl mb-4">
+        <div className="relative z-10 flex h-full flex-col items-center justify-center p-6 text-center text-white">
+          <h1 className="mb-4 scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl">
             Meet Numainda
           </h1>
           <p className="text-xl text-white/80">
@@ -69,11 +69,11 @@ export default function AboutPage() {
         <CardHeader>
           <CardTitle>Our Story in the Media</CardTitle>
         </CardHeader>
-        <CardContent className="flex flex-col md:flex-row gap-6 items-center">
+        <CardContent className="flex flex-col items-center gap-6 md:flex-row">
           <img 
             src="https://codeforpakistan.org/sites/default/files/cfp_logotype_h.png" 
             alt="Code for Pakistan Logo" 
-            className="w-24 h-24 object-contain"
+            className="size-24 object-contain"
           />
           <div className="space-y-4">
             <h3 className="text-2xl font-semibold">Say Hello to My New Friend</h3>
@@ -89,7 +89,7 @@ export default function AboutPage() {
                 className="flex items-center gap-2"
               >
                 Read on Code for Pakistan
-                <ExternalLink className="h-4 w-4" />
+                <ExternalLink className="size-4" />
               </a>
             </Button>
           </div>
diff --git a/app/admin/upload/page.tsx b/app/admin/upload/page.tsx
index e32dba6..caac2e2 100644
--- a/app/admin/upload/page.tsx
+++ b/app/admin/upload/page.tsx
@@ -51,7 +51,7 @@ export default function UploadPage() {
   if (!isAuthorized) {
     return (
       <div className="container max-w-md py-8">
-        <h1 className="text-2xl font-bold mb-8">Admin Access</h1>
+        <h1 className="mb-8 text-2xl font-bold">Admin Access</h1>
         <div className="space-y-4">
           <div className="space-y-2">
             <Label htmlFor="password">Password</Label>
@@ -83,7 +83,7 @@ export default function UploadPage() {
 
   return (
     <div className="container max-w-2xl py-8">
-      <h1 className="text-2xl font-bold mb-8">Upload Document</h1>
+      <h1 className="mb-8 text-2xl font-bold">Upload Document</h1>
       
       <form onSubmit={handleSubmit} className="space-y-6">
         <div className="space-y-2">
diff --git a/app/auth/callback/page.tsx b/app/auth/callback/page.tsx
index 963ca72..aea26da 100644
--- a/app/auth/callback/page.tsx
+++ b/app/auth/callback/page.tsx
@@ -88,9 +88,9 @@ export default function AuthCallback() {
 
   if (isProcessing) {
     return (
-      <div className="min-h-screen flex items-center justify-center">
+      <div className="flex min-h-screen items-center justify-center">
         <div className="text-center">
-          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-gray-900 mx-auto mb-4"></div>
+          <div className="mx-auto mb-4 size-12 animate-spin rounded-full border-b-2 border-gray-900"></div>
           <p className="text-gray-600">Processing your login...</p>
         </div>
       </div>
diff --git a/app/chat/page.tsx b/app/chat/page.tsx
index 4c85d0f..bb0813a 100644
--- a/app/chat/page.tsx
+++ b/app/chat/page.tsx
@@ -172,25 +172,25 @@ export default function ChatPage() {
   }
 
   return (
-    <div className="flex flex-col lg:flex-row w-full h-screen overflow-hidden touch-manipulation">
+    <div className="flex h-screen w-full touch-manipulation flex-col overflow-hidden lg:flex-row">
       <MessageThreadsSidebar
         isOpen={isSidebarOpen}
         onClose={() => setIsSidebarOpen(false)}
       />
 
-      <div className="flex-1 flex flex-col min-h-0">
+      <div className="flex min-h-0 flex-1 flex-col">
         {/* Header */}
-        <div className="flex-none sticky top-0 z-10 bg-background h-14 border-b flex items-center justify-between px-4">
+        <div className="sticky top-0 z-10 flex h-14 flex-none items-center justify-between border-b bg-background px-4">
           <div className="flex items-center">
             <Button
               variant="ghost"
               size="icon"
               onClick={() => setIsSidebarOpen(true)}
-              className="lg:hidden mr-2"
+              className="mr-2 lg:hidden"
             >
-              <Menu className="h-5 w-5" />
+              <Menu className="size-5" />
             </Button>
-            <MessageSquare className="h-5 w-5 mr-2" />
+            <MessageSquare className="mr-2 size-5" />
             <span className="font-semibold">Numainda Chat</span>
           </div>
           
@@ -198,8 +198,8 @@ export default function ChatPage() {
         </div>
 
         {/* Messages container */}
-        <div className="flex-1 min-h-0 overflow-y-auto">
-          <div className="flex flex-col max-w-2xl mx-auto p-4">
+        <div className="min-h-0 flex-1 overflow-y-auto">
+          <div className="mx-auto flex max-w-2xl flex-col p-4">
             {isClient && messages.map((message) => (
               <ChatBubble
                 key={message.id}
@@ -209,14 +209,14 @@ export default function ChatPage() {
                 <ChatBubbleAvatar
                   className={
                     message.role === "assistant"
-                      ? "bg-primary/10 border border-primary/20"
+                      ? "border border-primary/20 bg-primary/10"
                       : "bg-muted"
                   }
                   fallback={
                     message.role === "assistant" ? (
-                      <Bot className="h-4 w-4" />
+                      <Bot className="size-4" />
                     ) : (
-                      <User className="h-4 w-4" />
+                      <User className="size-4" />
                     )
                   }
                 />
@@ -235,7 +235,7 @@ export default function ChatPage() {
                       size="icon"
                       onClick={() => copyToClipboard(message.content)}
                     >
-                      <CopyIcon className="h-4 w-4" />
+                      <CopyIcon className="size-4" />
                       <span className="sr-only">Copy message</span>
                     </Button>
                   } />
@@ -245,12 +245,12 @@ export default function ChatPage() {
             {isGenerating && isClient && (
               <ChatBubble variant="received" className="mb-6">
                 <ChatBubbleAvatar
-                  className="bg-primary/10 border border-primary/20"
-                  fallback={<Bot className="h-4 w-4" />}
+                  className="border border-primary/20 bg-primary/10"
+                  fallback={<Bot className="size-4" />}
                 />
                 <ChatBubbleMessage>
                   <div className="flex items-center gap-2">
-                    <Loader2 className="h-4 w-4 animate-spin" />
+                    <Loader2 className="size-4 animate-spin" />
                     <span className="text-sm">Numainda is thinking...</span>
                   </div>
                 </ChatBubbleMessage>
@@ -262,7 +262,7 @@ export default function ChatPage() {
 
         {/* Input - now will stay fixed at bottom */}
         <div className="flex-none border-t bg-background p-4">
-          <div className="max-w-2xl mx-auto">
+          <div className="mx-auto max-w-2xl">
             <form
               className="flex items-center gap-2"
               onSubmit={(e) => {
@@ -276,7 +276,7 @@ export default function ChatPage() {
                 value={input}
                 onChange={handleInputChange}
                 placeholder="Message Numainda..."
-                className="w-full rounded-lg border px-3 py-2 text-base bg-slate-500/10"
+                className="w-full rounded-lg border bg-slate-500/10 px-3 py-2 text-base"
                 style={{ fontSize: "16px" }}
                 onKeyDown={(e) => {
                   if (e.key === "Enter" && !e.shiftKey) {
diff --git a/app/components/message-threads-sidebar.tsx b/app/components/message-threads-sidebar.tsx
index a0685e0..1c283af 100644
--- a/app/components/message-threads-sidebar.tsx
+++ b/app/components/message-threads-sidebar.tsx
@@ -103,24 +103,24 @@ export function MessageThreadsSidebar({ isOpen, onClose }: MessageThreadsSidebar
     <>
       {isOpen && (
         <div 
-          className="fixed inset-0 bg-background/80 backdrop-blur-sm z-40 lg:hidden"
+          className="fixed inset-0 z-40 bg-background/80 backdrop-blur-sm lg:hidden"
           onClick={onClose}
         />
       )}
       
       <aside
         className={cn(
-          "fixed inset-y-0 left-0 z-50 w-80 bg-background border-r",
-          "transform transition-transform duration-200 ease-in-out lg:transform-none",
+          "fixed inset-y-0 left-0 z-50 w-80 border-r bg-background",
+          "transition-transform duration-200 ease-in-out lg:transform-none",
           "lg:relative lg:block",
           isOpen ? "translate-x-0" : "-translate-x-full"
         )}
       >
         <div className="flex h-full flex-col">
-          <div className="h-14 border-b flex items-center justify-between px-4">
+          <div className="flex h-14 items-center justify-between border-b px-4">
             <span className="font-semibold">Chats</span>
             <Button variant="ghost" size="icon" onClick={onClose} className="lg:hidden">
-              <X className="h-4 w-4" />
+              <X className="size-4" />
             </Button>
           </div>
           
@@ -129,10 +129,10 @@ export function MessageThreadsSidebar({ isOpen, onClose }: MessageThreadsSidebar
               <div className="flex-1 overflow-y-auto p-2">
                 <Button
                   variant="outline"
-                  className="w-full mb-4"
+                  className="mb-4 w-full"
                   onClick={() => router.push('/chat')}
                 >
-                  <Plus className="h-4 w-4 mr-2" />
+                  <Plus className="mr-2 size-4" />
                   New Chat
                 </Button>
                 
@@ -140,40 +140,40 @@ export function MessageThreadsSidebar({ isOpen, onClose }: MessageThreadsSidebar
                   <Button
                     key={thread.id}
                     variant="ghost"
-                    className="w-full justify-start text-left h-auto py-3 px-3 mb-1 group"
+                    className="group mb-1 h-auto w-full justify-start p-3 text-left"
                     onClick={() => {
                       router.push(`/chat?thread=${thread.id}`)
                       onClose?.()
                     }}
                   >
-                    <MessageCircle className="h-4 w-4 mr-3 shrink-0" />
+                    <MessageCircle className="mr-3 size-4 shrink-0" />
                     <div className="flex-1 overflow-hidden">
-                      <div className="font-medium truncate">{thread.title}</div>
-                      <div className="text-xs text-muted-foreground truncate">
+                      <div className="truncate font-medium">{thread.title}</div>
+                      <div className="truncate text-xs text-muted-foreground">
                         {thread.messages[thread.messages.length - 1]?.content.slice(0, 50) || 'New chat'}...
                       </div>
                     </div>
                     <Button
                       variant="ghost"
                       size="icon"
-                      className="opacity-0 group-hover:opacity-100 transition-opacity"
+                      className="opacity-0 transition-opacity group-hover:opacity-100"
                       onClick={(e) => handleDeleteThread(thread.id, e)}
                     >
-                      <Trash2 className="h-4 w-4 text-muted-foreground hover:text-destructive" />
+                      <Trash2 className="size-4 text-muted-foreground hover:text-destructive" />
                     </Button>
                   </Button>
                 ))}
               </div>
 
-              <div className="p-4 border-t">
+              <div className="border-t p-4">
                 <Button className="w-full">
-                  <Plus className="h-4 w-4 mr-2" />
+                  <Plus className="mr-2 size-4" />
                   New Chat
                 </Button>
               </div>
             </>
           ) : (
-            <div className="flex-1 flex items-center justify-center p-4">
+            <div className="flex flex-1 items-center justify-center p-4">
               <PehchanLoginButton />
             </div>
           )}
diff --git a/app/page.tsx b/app/page.tsx
index e7e650e..7920daf 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -7,28 +7,28 @@ import { Book, LucideBook, LandmarkIcon, MessageSquare, Info, ScaleIcon } from '
 export default function IndexPage() {
   return (
     <section className="container grid items-center gap-6 pb-8 pt-6 md:py-10">
-      <div className="relative h-[400px] sm:h-[300px] rounded-lg overflow-hidden mb-8">
+      <div className="relative mb-8 h-[400px] overflow-hidden rounded-lg sm:h-[300px]">
         <div className="absolute inset-0">
           <img
             src="SC-b6-1.jpg"
             alt="Supreme Court of Pakistan"
-            className="w-full h-full object-cover"
+            className="size-full object-cover"
           />
           <div className="absolute inset-0 bg-gradient-to-r from-background/90 via-background/50 to-background/90" />
         </div>
-        <div className="relative z-10 h-full flex max-w-[980px] flex-col justify-center p-4 sm:p-6">
-          <h1 className="text-2xl sm:text-3xl font-extrabold leading-tight tracking-tighter md:text-4xl">
+        <div className="relative z-10 flex h-full max-w-[980px] flex-col justify-center p-4 sm:p-6">
+          <h1 className="text-2xl font-extrabold leading-tight tracking-tighter sm:text-3xl md:text-4xl">
             Welcome to Numainda <br className="hidden sm:inline" />
             Your Guide to Pakistan&apos;s Constitution and Laws
           </h1>
-          <p className="max-w-[700px] text-base sm:text-lg text-muted-foreground mt-4">
+          <p className="mt-4 max-w-[700px] text-base text-muted-foreground sm:text-lg">
             Explore Pakistan&apos;s rich legal and parliamentary heritage with our AI-powered chatbot. 
             Gain insights into the constitution, election laws, and parliamentary bulletins.
           </p>
         </div>
       </div>
 
-      <div className="flex flex-col sm:flex-row gap-4">
+      <div className="flex flex-col gap-4 sm:flex-row">
         <Link
           href="/chat"
           className={buttonVariants({ 
@@ -37,7 +37,7 @@ export default function IndexPage() {
             className: "w-full sm:w-auto"
           })}
         >
-          <MessageSquare className="mr-2 h-6 w-6" />
+          <MessageSquare className="mr-2 size-6" />
           Start Chatting
         </Link>
         <Link
@@ -48,7 +48,7 @@ export default function IndexPage() {
             className: "w-full sm:w-auto"
           })}
         >
-          <Info className="mr-2 h-6 w-6" />
+          <Info className="mr-2 size-6" />
           Learn More
         </Link>
       </div>
@@ -57,7 +57,7 @@ export default function IndexPage() {
         <Card>
           <CardHeader>
             <CardTitle className="flex items-center">
-              <Book className="mr-2 h-5 w-5" />
+              <Book className="mr-2 size-5" />
               Explore the Constitution
             </CardTitle>
           </CardHeader>
@@ -68,7 +68,7 @@ export default function IndexPage() {
         <Card>
           <CardHeader>
             <CardTitle className="flex items-center">
-              <ScaleIcon className="mr-2 h-5 w-5" />
+              <ScaleIcon className="mr-2 size-5" />
               Election Laws Demystified
             </CardTitle>
           </CardHeader>
@@ -79,7 +79,7 @@ export default function IndexPage() {
         <Card>
           <CardHeader>
             <CardTitle className="flex items-center">
-              <LandmarkIcon className="mr-2 h-5 w-5" />
+              <LandmarkIcon className="mr-2 size-5" />
               Parliamentary Insights
             </CardTitle>
           </CardHeader>
@@ -90,8 +90,8 @@ export default function IndexPage() {
       </div>
 
       <div className="mt-8">
-        <h2 className="text-2xl font-bold mb-4 flex items-center">
-          <Info className="mr-2 h-6 w-6" />
+        <h2 className="mb-4 flex items-center text-2xl font-bold">
+          <Info className="mr-2 size-6" />
           Why We Built Numainda
         </h2>
         <p className="text-muted-foreground">
diff --git a/app/proceedings/[id]/page.tsx b/app/proceedings/[id]/page.tsx
index 6c32183..5029256 100644
--- a/app/proceedings/[id]/page.tsx
+++ b/app/proceedings/[id]/page.tsx
@@ -19,17 +19,17 @@ export default async function ProceedingPage({
 
   return (
     <div className="container mx-auto py-8">
-      <div className="max-w-3xl mx-auto">
-        <Link href="/proceedings" className="flex items-center gap-2 mb-6">
+      <div className="mx-auto max-w-3xl">
+        <Link href="/proceedings" className="mb-6 flex items-center gap-2">
           <ArrowLeft className="size-4" />
         </Link>
         <div className="mb-6">
-          <h1 className="text-3xl font-bold mb-2">{proceeding.title}</h1>
+          <h1 className="mb-2 text-3xl font-bold">{proceeding.title}</h1>
           <p>{format(new Date(proceeding.date), 'MMMM d, yyyy')}</p>
         </div>
         
         <div className="prose max-w-none">
-          <h2 className="text-xl font-semibold mb-4">Summary</h2>
+          <h2 className="mb-4 text-xl font-semibold">Summary</h2>
           <ReactMarkdown>{proceeding.summary}</ReactMarkdown>
         </div>
       </div>
diff --git a/app/proceedings/page.tsx b/app/proceedings/page.tsx
index 33ba0fa..3cec14b 100644
--- a/app/proceedings/page.tsx
+++ b/app/proceedings/page.tsx
@@ -7,15 +7,15 @@ export default async function ProceedingsPage() {
 
   return (
     <div className="container mx-auto py-8">
-      <h1 className="text-2xl font-bold mb-6">Parliamentary Proceedings</h1>
+      <h1 className="mb-6 text-2xl font-bold">Parliamentary Proceedings</h1>
       <div className="space-y-4">
         {proceedings.map((proceeding) => (
           <Link 
             key={proceeding.id} 
             href={`/proceedings/${proceeding.id}`}
-            className="block p-4 border rounded-lg hover:bg-muted/50 transition-colors"
+            className="block rounded-lg border p-4 transition-colors hover:bg-muted/50"
           >
-            <div className="flex justify-between items-center">
+            <div className="flex items-center justify-between">
               <h2 className="text-lg font-semibold">{proceeding.title}</h2>
               <span className="text-gray-500">{format(new Date(proceeding.date), 'MMMM d, yyyy')}</span>
             </div>
diff --git a/components/chat/chat-input.tsx b/components/chat/chat-input.tsx
index b5837b2..2563f41 100644
--- a/components/chat/chat-input.tsx
+++ b/components/chat/chat-input.tsx
@@ -53,7 +53,7 @@ export function ChatInput({ input, setInput, onSubmit, isLoading }: ChatInputPro
           size="icon"
           disabled={isLoading || input === ""}
         >
-          <Send className="h-4 w-4" />
+          <Send className="size-4" />
           <span className="sr-only">Send message</span>
         </Button>
       </div>
diff --git a/components/chat/message.tsx b/components/chat/message.tsx
index 5844779..e9a46f9 100644
--- a/components/chat/message.tsx
+++ b/components/chat/message.tsx
@@ -13,29 +13,29 @@ export function ChatMessage({ role, content, isLoading }: ChatMessageProps) {
     <div
       className={cn(
         "flex items-start gap-4 rounded-lg p-4",
-        role === "user" ? "bg-muted/50" : "bg-background border"
+        role === "user" ? "bg-muted/50" : "border bg-background"
       )}
     >
       <div className={cn(
-        "flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-md border shadow",
+        "flex size-8 shrink-0 select-none items-center justify-center rounded-md border shadow",
         role === "assistant" ? "bg-primary/10" : "bg-background"
       )}>
         {role === "user" ? (
-          <User className="h-4 w-4" />
+          <User className="size-4" />
         ) : (
-          <Bot className="h-4 w-4" />
+          <Bot className="size-4" />
         )}
       </div>
       <div className="flex-1 space-y-2 overflow-hidden break-words">
         {isLoading ? (
           <div className="flex items-center space-x-2">
-            <div className="h-2 w-2 animate-bounce rounded-full bg-zinc-300 [animation-delay:-0.3s]" />
-            <div className="h-2 w-2 animate-bounce rounded-full bg-zinc-300 [animation-delay:-0.15s]" />
-            <div className="h-2 w-2 animate-bounce rounded-full bg-zinc-300" />
+            <div className="size-2 animate-bounce rounded-full bg-zinc-300 [animation-delay:-0.3s]" />
+            <div className="size-2 animate-bounce rounded-full bg-zinc-300 [animation-delay:-0.15s]" />
+            <div className="size-2 animate-bounce rounded-full bg-zinc-300" />
           </div>
         ) : (
           <ReactMarkdown
-            className="prose break-words dark:prose-invert prose-p:leading-relaxed prose-pre:p-0"
+            className="prose dark:prose-invert prose-p:leading-relaxed prose-pre:p-0 break-words"
           >
             {content}
           </ReactMarkdown>
diff --git a/components/footer.tsx b/components/footer.tsx
index 82e1ada..8b3d5e6 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -5,7 +5,7 @@ import { cn } from "@/lib/utils"
 export function Footer({ className }: { className?: string }) {
   return (
     <footer
-      className={cn("border-t relative bottom-0 z-40 bg-background", className)}
+      className={cn("relative bottom-0 z-40 border-t bg-background", className)}
     >
       <div className="container flex h-14 items-center justify-center text-sm">
         Built with{" "}
diff --git a/components/main-nav.tsx b/components/main-nav.tsx
index 592b5c0..76881d1 100644
--- a/components/main-nav.tsx
+++ b/components/main-nav.tsx
@@ -44,10 +44,10 @@ export function MainNav({ items }: MainNavProps) {
   }
 
   return (
-    <div className="flex items-center justify-between w-full">
+    <div className="flex w-full items-center justify-between">
       <div className="flex items-center">
         <Link href="/" className="flex items-center space-x-2">
-          <img src="/logo-numainda.svg" alt="Numainda Logo" className="h-8 w-8" />
+          <img src="/logo-numainda.svg" alt="Numainda Logo" className="size-8" />
           <span className="inline-block font-bold">{siteConfig.name}</span>
         </Link>
       </div>
@@ -55,7 +55,7 @@ export function MainNav({ items }: MainNavProps) {
       <div className="flex items-center gap-4">
         {/* Desktop Navigation */}
         {items?.length ? (
-          <nav className="hidden md:flex gap-6">
+          <nav className="hidden gap-6 md:flex">
             {items?.map(
               (item, index) =>
                 item.href && (
@@ -80,9 +80,9 @@ export function MainNav({ items }: MainNavProps) {
             variant="ghost"
             size="sm"
             onClick={handleLogout}
-            className="text-muted-foreground hover:text-foreground hidden md:flex"
+            className="hidden text-muted-foreground hover:text-foreground md:flex"
           >
-            <LogOut className="h-4 w-4 mr-2" />
+            <LogOut className="mr-2 size-4" />
             Logout
           </Button>
         )}
@@ -90,17 +90,17 @@ export function MainNav({ items }: MainNavProps) {
         {/* Mobile menu button */}
         <button
           onClick={() => setIsOpen(!isOpen)}
-          className="md:hidden p-2"
+          className="p-2 md:hidden"
           aria-label="Toggle menu"
         >
-          <Menu className="h-6 w-6" />
+          <Menu className="size-6" />
         </button>
       </div>
 
       {/* Mobile Navigation */}
       {isOpen && (
-        <nav className="absolute top-16 left-0 right-0 bg-background border-b md:hidden">
-          <div className="flex flex-col p-4 space-y-3">
+        <nav className="absolute inset-x-0 top-16 border-b bg-background md:hidden">
+          <div className="flex flex-col space-y-3 p-4">
             {items?.map(
               (item, index) =>
                 item.href && (
@@ -123,9 +123,9 @@ export function MainNav({ items }: MainNavProps) {
                 variant="ghost"
                 size="sm"
                 onClick={handleLogout}
-                className="text-muted-foreground hover:text-foreground justify-start"
+                className="justify-start text-muted-foreground hover:text-foreground"
               >
-                <LogOut className="h-4 w-4 mr-2" />
+                <LogOut className="mr-2 size-4" />
                 Logout
               </Button>
             )}
diff --git a/components/pehchan-button.tsx b/components/pehchan-button.tsx
index 9ae3128..5332bf4 100644
--- a/components/pehchan-button.tsx
+++ b/components/pehchan-button.tsx
@@ -41,7 +41,7 @@ export function PehchanLoginButton() {
   return (
     <Button 
       onClick={handleLogin}
-      className="hover:bg-green-700 gap-2 text-white py-2 px-4 rounded-md flex items-center justify-center transition-colors"
+      className="flex items-center justify-center gap-2 rounded-md px-4 py-2 text-white transition-colors hover:bg-green-700"
     >
       <Icons.whiteLogo />
       Login with Pehchan
diff --git a/components/site-header.tsx b/components/site-header.tsx
index 45826f9..fd39ee0 100644
--- a/components/site-header.tsx
+++ b/components/site-header.tsx
@@ -24,7 +24,7 @@ export function SiteHeader() {
                   variant: "ghost",
                 })}
               >
-                <Icons.gitHub className="h-5 w-5" />
+                <Icons.gitHub className="size-5" />
                 <span className="sr-only">GitHub</span>
               </div>
             </Link>
@@ -39,7 +39,7 @@ export function SiteHeader() {
                   variant: "ghost",
                 })}
               >
-                <Icons.twitter className="h-5 w-5 fill-current" />
+                <Icons.twitter className="size-5 fill-current" />
                 <span className="sr-only">Twitter</span>
               </div>
             </Link>
diff --git a/components/tailwind-indicator.tsx b/components/tailwind-indicator.tsx
index 535e074..822e0a3 100644
--- a/components/tailwind-indicator.tsx
+++ b/components/tailwind-indicator.tsx
@@ -2,7 +2,7 @@ export function TailwindIndicator() {
   if (process.env.NODE_ENV === "production") return null
 
   return (
-    <div className="fixed bottom-1 left-1 z-50 flex h-6 w-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white">
+    <div className="fixed bottom-1 left-1 z-50 flex size-6 items-center justify-center rounded-full bg-gray-800 p-3 font-mono text-xs text-white">
       <div className="block sm:hidden">xs</div>
       <div className="hidden sm:block md:hidden">sm</div>
       <div className="hidden md:block lg:hidden">md</div>
diff --git a/components/theme-toggle.tsx b/components/theme-toggle.tsx
index 01e846c..be5ff0b 100644
--- a/components/theme-toggle.tsx
+++ b/components/theme-toggle.tsx
@@ -15,8 +15,8 @@ export function ThemeToggle() {
       size="icon"
       onClick={() => setTheme(theme === "light" ? "dark" : "light")}
     >
-      <Sun className="h-[1.5rem] w-[1.3rem] dark:hidden" />
-      <Moon className="hidden h-5 w-5 dark:block" />
+      <Sun className="h-6 w-[1.3rem] dark:hidden" />
+      <Moon className="hidden size-5 dark:block" />
       <span className="sr-only">Toggle theme</span>
     </Button>
   )
diff --git a/components/ui/avatar.tsx b/components/ui/avatar.tsx
index 991f56e..382b8ce 100644
--- a/components/ui/avatar.tsx
+++ b/components/ui/avatar.tsx
@@ -10,7 +10,7 @@ const Avatar = React.forwardRef<
   <AvatarPrimitive.Root
     ref={ref}
     className={cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      "relative flex size-10 shrink-0 overflow-hidden rounded-full",
       className
     )}
     {...props}
@@ -24,7 +24,7 @@ const AvatarImage = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <AvatarPrimitive.Image
     ref={ref}
-    className={cn("aspect-square h-full w-full", className)}
+    className={cn("aspect-square size-full", className)}
     {...props}
   />
 ))
@@ -37,7 +37,7 @@ const AvatarFallback = React.forwardRef<
   <AvatarPrimitive.Fallback
     ref={ref}
     className={cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      "flex size-full items-center justify-center rounded-full bg-muted",
       className
     )}
     {...props}
diff --git a/components/ui/chat/chat-bubble.tsx b/components/ui/chat/chat-bubble.tsx
index b103ea9..51a62dd 100644
--- a/components/ui/chat/chat-bubble.tsx
+++ b/components/ui/chat/chat-bubble.tsx
@@ -35,7 +35,7 @@ const ChatBubble = React.forwardRef<HTMLDivElement, ChatBubbleProps>(
     <div
       className={cn(
         chatBubbleVariant({ variant, layout, className }),
-        "relative group",
+        "group relative",
       )}
       ref={ref}
       {...props}
@@ -109,7 +109,7 @@ const ChatBubbleMessage = React.forwardRef<
     <div
       className={cn(
         chatBubbleMessageVariants({ variant, layout, className }),
-        "break-words max-w-full whitespace-pre-wrap",
+        "max-w-full whitespace-pre-wrap break-words",
       )}
       ref={ref}
       {...props}
@@ -137,7 +137,7 @@ const ChatBubbleTimestamp: React.FC<ChatBubbleTimestampProps> = ({
   className,
   ...props
 }) => (
-  <div className={cn("text-xs mt-2 text-right", className)} {...props}>
+  <div className={cn("mt-2 text-right text-xs", className)} {...props}>
     {timestamp}
   </div>
 );
@@ -179,7 +179,7 @@ const ChatBubbleActionWrapper = React.forwardRef<
   <div
     ref={ref}
     className={cn(
-      "absolute top-1/2 -translate-y-1/2 flex opacity-0 group-hover:opacity-100 transition-opacity duration-200",
+      "absolute top-1/2 flex -translate-y-1/2 opacity-0 transition-opacity duration-200 group-hover:opacity-100",
       variant === "sent"
         ? "-left-1 -translate-x-full flex-row-reverse"
         : "-right-1 translate-x-full",
diff --git a/components/ui/chat/chat-input.tsx b/components/ui/chat/chat-input.tsx
index fd7ea16..d274b23 100644
--- a/components/ui/chat/chat-input.tsx
+++ b/components/ui/chat/chat-input.tsx
@@ -11,7 +11,7 @@ const ChatInput = React.forwardRef<HTMLTextAreaElement, ChatInputProps>(
       ref={ref}
       name="message"
       className={cn(
-        "max-h-12 px-4 py-3 bg-background text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 w-full rounded-md flex items-center h-16 resize-none",
+        "flex h-16 max-h-12 w-full resize-none items-center rounded-md bg-background px-4 py-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
         className,
       )}
       {...props}
diff --git a/components/ui/chat/chat-message-list.tsx b/components/ui/chat/chat-message-list.tsx
index 2cf0841..9b4c4b9 100644
--- a/components/ui/chat/chat-message-list.tsx
+++ b/components/ui/chat/chat-message-list.tsx
@@ -7,7 +7,7 @@ const ChatMessageList = React.forwardRef<HTMLDivElement, ChatMessageListProps>(
   ({ className, children, ...props }, ref) => (
     <div
       className={cn(
-        "flex flex-col w-full h-full p-4 gap-6 overflow-y-auto",
+        "flex size-full flex-col gap-6 overflow-y-auto p-4",
         className,
       )}
       ref={ref}
diff --git a/components/ui/chat/expandable-chat.tsx b/components/ui/chat/expandable-chat.tsx
index 58df3eb..730f54a 100644
--- a/components/ui/chat/expandable-chat.tsx
+++ b/components/ui/chat/expandable-chat.tsx
@@ -58,7 +58,7 @@ const ExpandableChat: React.FC<ExpandableChatProps> = ({
       <div
         ref={chatRef}
         className={cn(
-          "flex flex-col bg-background border sm:rounded-lg shadow-md overflow-hidden transition-all duration-250 ease-out sm:absolute sm:w-[90vw] sm:h-[80vh] fixed inset-0 w-full h-full sm:inset-auto",
+          "duration-250 fixed inset-0 flex size-full flex-col overflow-hidden border bg-background shadow-md transition-all ease-out sm:absolute sm:inset-auto sm:h-[80vh] sm:w-[90vw] sm:rounded-lg",
           chatConfig.chatPositions[position],
           chatConfig.dimensions[size],
           isOpen ? chatConfig.states.open : chatConfig.states.closed,
@@ -69,10 +69,10 @@ const ExpandableChat: React.FC<ExpandableChatProps> = ({
         <Button
           variant="ghost"
           size="icon"
-          className="absolute top-2 right-2 sm:hidden"
+          className="absolute right-2 top-2 sm:hidden"
           onClick={toggleChat}
         >
-          <X className="h-4 w-4" />
+          <X className="size-4" />
         </Button>
       </div>
       <ExpandableChatToggle
@@ -91,7 +91,7 @@ const ExpandableChatHeader: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({
   ...props
 }) => (
   <div
-    className={cn("flex items-center justify-between p-4 border-b", className)}
+    className={cn("flex items-center justify-between border-b p-4", className)}
     {...props}
   />
 );
@@ -101,7 +101,7 @@ ExpandableChatHeader.displayName = "ExpandableChatHeader";
 const ExpandableChatBody: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({
   className,
   ...props
-}) => <div className={cn("flex-grow overflow-y-auto", className)} {...props} />;
+}) => <div className={cn("grow overflow-y-auto", className)} {...props} />;
 
 ExpandableChatBody.displayName = "ExpandableChatBody";
 
@@ -130,15 +130,15 @@ const ExpandableChatToggle: React.FC<ExpandableChatToggleProps> = ({
     variant="default"
     onClick={toggleChat}
     className={cn(
-      "w-14 h-14 rounded-full shadow-md flex items-center justify-center hover:shadow-lg hover:shadow-black/30 transition-all duration-300",
+      "flex size-14 items-center justify-center rounded-full shadow-md transition-all duration-300 hover:shadow-lg hover:shadow-black/30",
       className,
     )}
     {...props}
   >
     {isOpen ? (
-      <X className="h-6 w-6" />
+      <X className="size-6" />
     ) : (
-      icon || <MessageCircle className="h-6 w-6" />
+      icon || <MessageCircle className="size-6" />
     )}
   </Button>
 );
diff --git a/components/ui/scroll-area.tsx b/components/ui/scroll-area.tsx
index cf253cf..cfd472f 100644
--- a/components/ui/scroll-area.tsx
+++ b/components/ui/scroll-area.tsx
@@ -12,7 +12,7 @@ const ScrollArea = React.forwardRef<
     className={cn("relative overflow-hidden", className)}
     {...props}
   >
-    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
+    <ScrollAreaPrimitive.Viewport className="size-full rounded-[inherit]">
       {children}
     </ScrollAreaPrimitive.Viewport>
     <ScrollBar />
@@ -31,9 +31,9 @@ const ScrollBar = React.forwardRef<
     className={cn(
       "flex touch-none select-none transition-colors",
       orientation === "vertical" &&
-        "h-full w-2.5 border-l border-l-transparent p-[1px]",
+        "h-full w-2.5 border-l border-l-transparent p-px",
       orientation === "horizontal" &&
-        "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+        "h-2.5 flex-col border-t border-t-transparent p-px",
       className
     )}
     {...props}
diff --git a/components/ui/select.tsx b/components/ui/select.tsx
index fe56d4d..140d6e6 100644
--- a/components/ui/select.tsx
+++ b/components/ui/select.tsx
@@ -24,7 +24,7 @@ const SelectTrigger = React.forwardRef<
   >
     {children}
     <SelectPrimitive.Icon asChild>
-      <ChevronDown className="h-4 w-4 opacity-50" />
+      <ChevronDown className="size-4 opacity-50" />
     </SelectPrimitive.Icon>
   </SelectPrimitive.Trigger>
 ))
@@ -42,7 +42,7 @@ const SelectScrollUpButton = React.forwardRef<
     )}
     {...props}
   >
-    <ChevronUp className="h-4 w-4" />
+    <ChevronUp className="size-4" />
   </SelectPrimitive.ScrollUpButton>
 ))
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
@@ -59,7 +59,7 @@ const SelectScrollDownButton = React.forwardRef<
     )}
     {...props}
   >
-    <ChevronDown className="h-4 w-4" />
+    <ChevronDown className="size-4" />
   </SelectPrimitive.ScrollDownButton>
 ))
 SelectScrollDownButton.displayName =
@@ -73,7 +73,7 @@ const SelectContent = React.forwardRef<
     <SelectPrimitive.Content
       ref={ref}
       className={cn(
-        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         position === "popper" &&
           "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
@@ -121,9 +121,9 @@ const SelectItem = React.forwardRef<
     )}
     {...props}
   >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+    <span className="absolute left-2 flex size-3.5 items-center justify-center">
       <SelectPrimitive.ItemIndicator>
-        <Check className="h-4 w-4" />
+        <Check className="size-4" />
       </SelectPrimitive.ItemIndicator>
     </span>
 
diff --git a/components/ui/toast.tsx b/components/ui/toast.tsx
index a822477..22f7d34 100644
--- a/components/ui/toast.tsx
+++ b/components/ui/toast.tsx
@@ -81,7 +81,7 @@ const ToastClose = React.forwardRef<
     toast-close=""
     {...props}
   >
-    <X className="h-4 w-4" />
+    <X className="size-4" />
   </ToastPrimitives.Close>
 ))
 ToastClose.displayName = ToastPrimitives.Close.displayName
diff --git a/package-lock.json b/package-lock.json
index 8838651..af3cd27 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
-  "name": "next-template",
-  "version": "0.0.2",
+  "name": "numainda",
+  "version": "0.0.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "next-template",
-      "version": "0.0.2",
+      "name": "numainda",
+      "version": "0.0.1",
       "dependencies": {
         "@ai-sdk/openai": "^1.0.4",
         "@langchain/community": "^0.3.16",
@@ -51,7 +51,7 @@
         "@types/node": "^17.0.45",
         "@types/react": "^18.2.14",
         "@types/react-dom": "^18.2.6",
-        "@typescript-eslint/parser": "^5.61.0",
+        "@typescript-eslint/parser": "^7.0.0",
         "autoprefixer": "^10.4.14",
         "dotenv": "^16.4.5",
         "drizzle-kit": "^0.22.7",
@@ -67,7 +67,7 @@
         "prettier": "^2.8.8",
         "tailwindcss": "^3.3.2",
         "tsx": "^4.15.7",
-        "typescript": "^5.0.0"
+        "typescript": "~5.1.6"
       }
     },
     "node_modules/@adobe/css-tools": {
@@ -4634,25 +4634,26 @@
       "dev": true
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
-      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.18.0.tgz",
+      "integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
+        "@typescript-eslint/scope-manager": "7.18.0",
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/typescript-estree": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
         "debug": "^4.3.4"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+        "eslint": "^8.56.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -4661,16 +4662,16 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
-      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz",
+      "integrity": "sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0"
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -4839,12 +4840,12 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
-      "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
+      "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
       "dev": true,
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -4852,21 +4853,22 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
-      "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz",
+      "integrity": "sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0",
+        "@typescript-eslint/types": "7.18.0",
+        "@typescript-eslint/visitor-keys": "7.18.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -4878,6 +4880,30 @@
         }
       }
     },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
       "version": "7.6.3",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
@@ -5069,16 +5095,16 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
-      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
+      "version": "7.18.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.18.0.tgz",
+      "integrity": "sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "eslint-visitor-keys": "^3.3.0"
+        "@typescript-eslint/types": "7.18.0",
+        "eslint-visitor-keys": "^3.4.3"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -14813,27 +14839,6 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
     },
-    "node_modules/tsutils": {
-      "version": "3.21.0",
-      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
-      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^1.8.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      },
-      "peerDependencies": {
-        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
-      }
-    },
-    "node_modules/tsutils/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true
-    },
     "node_modules/tsx": {
       "version": "4.19.2",
       "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.19.2.tgz",
@@ -15379,9 +15384,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.2.tgz",
-      "integrity": "sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==",
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz",
+      "integrity": "sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==",
       "devOptional": true,
       "bin": {
         "tsc": "bin/tsc",
diff --git a/package.json b/package.json
index 5d578d8..ab77208 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,7 @@
     "@types/node": "^17.0.45",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
-    "@typescript-eslint/parser": "^5.61.0",
+    "@typescript-eslint/parser": "^7.0.0",
     "autoprefixer": "^10.4.14",
     "dotenv": "^16.4.5",
     "drizzle-kit": "^0.22.7",
@@ -82,6 +82,6 @@
     "prettier": "^2.8.8",
     "tailwindcss": "^3.3.2",
     "tsx": "^4.15.7",
-    "typescript": "^5.0.0"
+    "typescript": "~5.1.6"
   }
 }