chore: set correct select default value

src/components/dashboards/ProfileClient.tsx

@@ -20,10 +20,10 @@ export default async function ProfileClient() {
 
       <ProfileCard
         name={user?.name || ""}
-        profession={user?.preference?.profession || "OTHER"}
         bio={user?.bio || "None"}
-        preferenceBrand={user?.preference?.preferredBrand || "OTHER"}
-        preferenceOS={user?.preference?.preferredOS || "OTHER"}
+        profession={user?.preference?.profession || ""}
+        preferenceBrand={user?.preference?.preferredBrand || ""}
+        preferenceOS={user?.preference?.preferredOS || ""}
         budgetMax={user?.preference?.budgetMax || 0}
         budgetMin={user?.preference?.budgetMin || 0}
       />

src/types/index.ts

@@ -16,11 +16,11 @@ export interface ModelDB {
 export interface ProfileClientProps {
   name: string;
   bio?: string;
-  preferenceBrand: Brand;
-  preferenceOS: OS;
+  preferenceBrand: string;
+  preferenceOS: string;
   budgetMin: number;
   budgetMax: number;
-  profession: Profession;
+  profession: string;
   id?: number;
 }
 

src/utils/const.ts

@@ -33,6 +33,7 @@ export const professionItems = [
   { value: "DESIGNER", label: "Designer", icon: Palette },
   { value: "STUDENT", label: "Student", icon: Book },
   { value: "GAMER", label: "Gamer", icon: GamepadDirectional },
+  { value: "OTHER", label: "Other", icon: LucideCircleEllipsis },
 ];
 
 export const brandItems = [