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.

app/(public)/company-offer/page.tsx

@@ -0,0 +1,102 @@
+'use client';
+
+import React from 'react';
+
+import { useRouter } from 'next/navigation';
+
+import { MedReportLogo } from '@/components/med-report-logo';
+import { SubmitButton } from '@/components/ui/submit-button';
+import { sendCompanyOfferEmail } from '@/lib/services/mailer.service';
+import { CompanySubmitData } from '@/lib/types/company';
+import { companyOfferSchema } from '@/lib/validations/company-offer.schema';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+import { FormItem } from '@kit/ui/form';
+import { Input } from '@kit/ui/input';
+import { Label } from '@kit/ui/label';
+import { Trans } from '@kit/ui/trans';
+
+export default function CompanyOffer() {
+  const router = useRouter();
+  const {
+    register,
+    handleSubmit,
+    formState: { isValid, isSubmitting },
+  } = useForm({
+    resolver: zodResolver(companyOfferSchema),
+    mode: 'onChange',
+  });
+  const language = useTranslation().i18n.language;
+
+  const onSubmit = async (data: CompanySubmitData) => {
+    const formData = new FormData();
+    Object.entries(data).forEach(([key, value]) => {
+      if (value !== undefined) formData.append(key, value);
+    });
+
+    try {
+      sendCompanyOfferEmail(data, language)
+        .then(() => router.push('/company-offer/success'))
+        .catch((error) => alert('error: ' + error));
+    } catch (err: unknown) {
+      if (err instanceof Error) {
+        console.warn('Server validation error: ' + err.message);
+      }
+      console.warn('Server validation error: ', err);
+    }
+  };
+
+  return (
+    <div className="border-border flex max-w-5xl flex-row overflow-hidden rounded-3xl border">
+      <div className="flex w-1/2 flex-col px-12 py-14 text-center">
+        <MedReportLogo />
+        <h1 className="pt-8">
+          <Trans i18nKey={'account:requestCompanyAccount:title'} />
+        </h1>
+        <p className="text-muted-foreground pt-2 text-sm">
+          <Trans i18nKey={'account:requestCompanyAccount:description'} />
+        </p>
+        <form
+          onSubmit={handleSubmit(onSubmit)}
+          noValidate
+          className="flex flex-col gap-6 px-6 pt-8 text-left"
+        >
+          <FormItem>
+            <Label>
+              <Trans i18nKey={'common:formField:companyName'} />
+            </Label>
+            <Input {...register('companyName')} />
+          </FormItem>
+          <FormItem>
+            <Label>
+              <Trans i18nKey={'common:formField:contactPerson'} />
+            </Label>
+            <Input {...register('contactPerson')} />
+          </FormItem>
+          <FormItem>
+            <Label>
+              <Trans i18nKey={'common:formField:email'} />
+            </Label>
+            <Input type="email" {...register('email')}></Input>
+          </FormItem>
+          <FormItem>
+            <Label>
+              <Trans i18nKey={'common:formField:phone'} />
+            </Label>
+            <Input type="tel" {...register('phone')} />
+          </FormItem>
+          <SubmitButton
+            disabled={!isValid || isSubmitting}
+            pendingText="Saatmine..."
+            type="submit"
+          >
+            <Trans i18nKey={'account:requestCompanyAccount:button'} />
+          </SubmitButton>
+        </form>
+      </div>
+      <div className="w-1/2 min-w-[460px] bg-[url(/assets/med-report-logo-big.png)] bg-cover bg-center bg-no-repeat"></div>
+    </div>
+  );
+}

app/(public)/company-offer/success/page.tsx

@@ -0,0 +1,16 @@
+'use client';
+
+import { SuccessNotification } from '@/packages/features/notifications/src/components';
+
+export default function CompanyRegistrationSuccess() {
+  return (
+    <SuccessNotification
+      titleKey="account:requestCompanyAccount:successTitle"
+      descriptionKey="account:requestCompanyAccount:successDescription"
+      buttonProps={{
+        buttonTitleKey: 'account:requestCompanyAccount:successButton',
+        href: '/',
+      }}
+    />
+  );
+}