fix: lazy-load framework preference server call

Author: tannerlinsley

src/components/FrameworkSelect.tsx

@@ -5,7 +5,16 @@ import { Select } from './Select'
 import { Framework, getLibrary, LibraryId } from '~/libraries'
 import { getFrameworkOptions } from '~/libraries/frameworks'
 import { useCurrentUserQuery } from '~/hooks/useCurrentUser'
-import { updateLastUsedFramework } from '~/utils/users.server'
+
+function persistFrameworkToServer(framework: string) {
+  import('~/utils/users.server')
+    .then(({ updateLastUsedFramework }) =>
+      updateLastUsedFramework({ data: { framework } }),
+    )
+    .catch(() => {
+      // Silently ignore errors - localStorage is the fallback
+    })
+}
 
 export function FrameworkSelect({ libraryId }: { libraryId: LibraryId }) {
   const library = getLibrary(libraryId)
@@ -74,9 +83,7 @@ export function usePersistFrameworkPreference() {
       localCurrentFramework.setCurrentFramework(framework)
       // Update DB for logged-in users (fire-and-forget)
       if (userQuery.data) {
-        updateLastUsedFramework({ data: { framework } }).catch(() => {
-          // Silently ignore errors - localStorage is the fallback
-        })
+        persistFrameworkToServer(framework)
       }
     },
     [localCurrentFramework, userQuery.data],
@@ -136,9 +143,7 @@ export function useCurrentFramework(frameworks: Framework[]) {
       localCurrentFramework.setCurrentFramework(framework)
       // Update DB for logged-in users (fire-and-forget)
       if (userQuery.data) {
-        updateLastUsedFramework({ data: { framework } }).catch(() => {
-          // Silently ignore errors - localStorage is the fallback
-        })
+        persistFrameworkToServer(framework)
       }
     },
     [localCurrentFramework, navigate, userQuery.data],