- added settings page and function

- add Role Ring for avatar and display role for user nav

src/service/profile.schema.ts

@@ -0,0 +1,13 @@
+import i18n from '@/lib/i18n';
+import z from 'zod';
+
+export const profileUpdateSchema = z.object({
+  name: z.string().nonempty(
+    i18n.t('profile.messages.is_required', {
+      field: i18n.t('profile.form.name'),
+    }),
+  ),
+  image: z.instanceof(File).optional(),
+});
+
+export type ProfileInput = z.infer<typeof profileUpdateSchema>;