fix applying the new sorting state

Author: medyo

src/stores/preferences.ts

@@ -1,3 +1,4 @@
+import arrayMove from 'array-move'
 import { Occupation } from 'src/features/onboarding/types'
 import { Tag } from 'src/features/remoteConfig'
 import { enhanceTags } from 'src/utils/DataEnhancement'
@@ -76,11 +77,13 @@ export const useUserPreferences = create(
         })),
       setUserCustomCards: (cards: SupportedCardType[]) => set({ userCustomCards: cards }),
       updateCardOrder: (prevIndex: number, newIndex: number) => set((state) => {
-        const newState = state.cards;
-      
-        const temp =  newState[prevIndex].id;
-        newState[prevIndex].id = newState[newIndex].id;
-        newState[newIndex].id = temp;
+    
+        const newState = arrayMove(state.cards, prevIndex, newIndex).map((card, index) => {
+          return {
+           ...card,
+           id: index
+          }
+         })
 
         return { cards: newState}
       }),