fix: Fix the error where feature were not applied to the user card

src/app/pages/setting-page.tsx

@@ -320,6 +320,34 @@ export function SettingPage({ cardId }: { cardId: number }) {
     history.back();
   };
 
+  useEffect(() => {
+    if (card.data == null) return;
+
+    const { smoking, mateAge, roomSharingOption, options } =
+      card.data.data.myFeatures;
+
+    const temp = JSON.parse(options) as string[];
+
+    setFeatures({
+      smoking,
+      mateAge,
+      roomSharingOption,
+      options:
+        temp == null
+          ? new Set()
+          : temp.reduce<Set<string>>((prev, curr) => {
+              try {
+                if (Array.isArray(JSON.parse(curr))) {
+                  setBudget(curr.slice(1, -1));
+                }
+              } catch {
+                prev.add(curr);
+              }
+              return prev;
+            }, new Set()),
+    });
+  }, [card.data]);
+
   useEffect(() => {
     const originalPush = router.push.bind(router);
     const newPush = (

src/components/card/OptionSection.tsx

@@ -125,7 +125,7 @@ const styles = {
   `,
   value: styled.div`
     display: flex;
-    width: 6.8rem;
+    width: 7rem;
     padding: 0.5rem 1.5rem;
     justify-content: center;
     align-items: center;