feat: Implement company offer submission page and success notification

- Added CompanyOffer component for submitting company offers with validation.
- Integrated email sending functionality upon form submission.
- Created a success page for company registration confirmation.
- Introduced a reusable SuccessNotification component for displaying success messages.
- Updated account update functionality with new fields and validation.
- Enhanced user experience with back button and logo components.
- Added necessary database migrations for account updates.

components/header-auth.tsx

@@ -1,9 +1,11 @@
-import { signOutAction } from "@/lib/actions/sign-out";
-import { hasEnvVars } from "@/utils/supabase/check-env-vars";
-import Link from "next/link";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { createClient } from "@/utils/supabase/server";
+import Link from 'next/link';
+
+import { signOutAction } from '@/lib/actions/sign-out';
+import { hasEnvVars } from '@/utils/supabase/check-env-vars';
+import { createClient } from '@/utils/supabase/server';
+
+import { Badge } from '@kit/ui/badge';
+import { Button } from '@kit/ui/button';
 
 export default async function AuthButton() {
   const supabase = await createClient();
@@ -15,11 +17,11 @@ export default async function AuthButton() {
   if (!hasEnvVars) {
     return (
       <>
-        <div className="flex gap-4 items-center">
+        <div className="flex items-center gap-4">
           <div>
             <Badge
-              variant={"default"}
-              className="font-normal pointer-events-none"
+              variant={'default'}
+              className="pointer-events-none font-normal"
             >
               Please update .env.local file with anon key and url
             </Badge>
@@ -28,18 +30,18 @@ export default async function AuthButton() {
             <Button
               asChild
               size="sm"
-              variant={"outline"}
+              variant={'outline'}
               disabled
-              className="opacity-75 cursor-none pointer-events-none"
+              className="pointer-events-none cursor-none opacity-75"
             >
               <Link href="/sign-in">Sign in</Link>
             </Button>
             <Button
               asChild
               size="sm"
-              variant={"default"}
+              variant={'default'}
               disabled
-              className="opacity-75 cursor-none pointer-events-none"
+              className="pointer-events-none cursor-none opacity-75"
             >
               <Link href="example/sign-up">Sign up</Link>
             </Button>
@@ -52,14 +54,14 @@ export default async function AuthButton() {
     <div className="flex items-center gap-4">
       Hey, {user.email}!
       <form action={signOutAction}>
-        <Button type="submit" variant={"outline"}>
+        <Button type="submit" variant={'outline'}>
           Sign out
         </Button>
       </form>
     </div>
   ) : (
     <div className="flex gap-2">
-      <Button asChild size="sm" variant={"outline"}>
+      <Button asChild size="sm" variant={'outline'}>
         <Link href="/sign-in">Sign in</Link>
       </Button>
     </div>