diff --git a/app/signin/page.tsx b/app/signin/page.tsx
index 6f38081..05d851a 100644
--- a/app/signin/page.tsx
+++ b/app/signin/page.tsx
@@ -1,75 +1,90 @@
-'use client'
+"use client";
 
-import { useState } from 'react'
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Label } from "@/components/ui/label"
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
-import { FaGoogle } from 'react-icons/fa'
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { FaGoogle } from "react-icons/fa";
 
 export default function SignInPage() {
-  const [email, setEmail] = useState('')
-  const [password, setPassword] = useState('')
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
 
   const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault()
+    e.preventDefault();
     // Handle sign-in logic here
-    console.log('Sign in attempted with:', email, password)
-  }
+    console.log("Sign in attempted with:", email, password);
+  };
 
   return (
-    <div className="flex items-center justify-center min-h-screen bg-gray-100">
-      <Card className="w-full max-w-md">
+    <div className='flex items-center justify-center min-h-screen bg-gray-100'>
+      <Card className='w-full max-w-md'>
         <CardHeader>
           <CardTitle>Sign In</CardTitle>
-          <CardDescription>Enter your credentials to access your account</CardDescription>
+          <CardDescription>
+            Enter your credentials to access your account
+          </CardDescription>
         </CardHeader>
         <CardContent>
-          <form onSubmit={handleSubmit} className="space-y-4">
-            <div className="space-y-2">
-              <Label htmlFor="email">Email</Label>
-              <Input 
-                id="email" 
-                type="email" 
-                placeholder="your@email.com"
+          <form onSubmit={handleSubmit} className='space-y-4'>
+            <div className='space-y-2'>
+              <Label htmlFor='email'>Email</Label>
+              <Input
+                id='email'
+                type='email'
+                placeholder='your@email.com'
                 value={email}
                 onChange={(e) => setEmail(e.target.value)}
-                required 
+                required
               />
             </div>
-            <div className="space-y-2">
-              <Label htmlFor="password">Password</Label>
-              <Input 
-                id="password" 
-                type="password"
+            <div className='space-y-2'>
+              <Label htmlFor='password'>Password</Label>
+              <Input
+                id='password'
+                type='password'
                 value={password}
                 onChange={(e) => setPassword(e.target.value)}
-                required 
+                required
               />
             </div>
-            <Button type="submit" className="w-full">Sign In</Button>
+            <Button type='submit' className='w-full'>
+              Sign In
+            </Button>
           </form>
         </CardContent>
-        <CardFooter className="flex flex-col space-y-4">
-          <div className="relative w-full">
-            <div className="absolute inset-0 flex items-center">
-              <span className="w-full border-t" />
+        <CardFooter className='flex flex-col space-y-4'>
+          <div className='relative w-full'>
+            <div className='absolute inset-0 flex items-center'>
+              <span className='w-full border-t' />
             </div>
-            <div className="relative flex justify-center text-xs uppercase">
-              <span className="bg-white px-2 text-muted-foreground">Or continue with</span>
+            <div className='relative flex justify-center text-xs uppercase'>
+              <span className='bg-white px-2 text-muted-foreground'>
+                Or continue with
+              </span>
             </div>
           </div>
-          <div className="grid grid-cols-2 gap-4">
-            <Button variant="outline" onClick={() => console.log('SSO login')}>
+          <div className='grid grid-cols-2 gap-4'>
+            <Button variant='outline' onClick={() => console.log("SSO login")}>
               SSO
             </Button>
-            <Button variant="outline" onClick={() => console.log('Google login')}>
-              <FaGoogle className="mr-2 h-4 w-4" /> Google
+            <Button
+              variant='outline'
+              onClick={() => console.log("Google login")}
+            >
+              <FaGoogle className='mr-2 h-4 w-4' /> Google
             </Button>
-          </Button>
+          </div>
         </CardFooter>
       </Card>
     </div>
-  )
+  );
 }
-