added Profile Page and Change password (also included breadcrumb

src/components/form/signup-form.tsx

@@ -0,0 +1,81 @@
+import { createLink, Link } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { Button } from '../ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '../ui/card'
+import { Field, FieldDescription, FieldGroup, FieldLabel } from '../ui/field'
+import { Input } from '../ui/input'
+
+const ButtonLink = createLink(Button)
+
+const SignupForm = () => {
+  const { t } = useTranslation()
+  return (
+    <div className="flex flex-col gap-6">
+      <Card>
+        <CardHeader className="text-center">
+          <CardTitle className="text-xl">Create your account</CardTitle>
+          <CardDescription>
+            Enter your email below to create your account
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form>
+            <FieldGroup>
+              <Field>
+                <FieldLabel htmlFor="name">Full Name</FieldLabel>
+                <Input id="name" type="text" placeholder="John Doe" required />
+              </Field>
+              <Field>
+                <FieldLabel htmlFor="email">Email</FieldLabel>
+                <Input
+                  id="email"
+                  type="email"
+                  placeholder="m@example.com"
+                  required
+                />
+              </Field>
+              <Field>
+                <FieldLabel htmlFor="password">Password</FieldLabel>
+                <Input id="password" type="password" required />
+                <FieldDescription>
+                  Must be at least 8 characters long.
+                </FieldDescription>
+              </Field>
+              <Field>
+                <FieldLabel htmlFor="confirm-password">
+                  Confirm Password
+                </FieldLabel>
+                <Input id="confirm-password" type="password" required />
+                <FieldDescription>
+                  Please confirm your password.
+                </FieldDescription>
+              </Field>
+              <Field>
+                <Button type="submit">Create Account</Button>
+                <ButtonLink to="/" variant="outline">
+                  {t('ui.cancel_btn')}
+                </ButtonLink>
+                <FieldDescription className="text-center">
+                  Already have an account?{' '}
+                  <Link to="/sign-in">{t('ui.login_btn')}</Link>
+                </FieldDescription>
+              </Field>
+            </FieldGroup>
+          </form>
+        </CardContent>
+      </Card>
+      {/* <FieldDescription className="px-6 text-center">
+        By clicking continue, you agree to our <a href="#">Terms of Service</a>{' '}
+        and <a href="#">Privacy Policy</a>.
+      </FieldDescription> */}
+    </div>
+  )
+}
+
+export default SignupForm