Fixed the circular imports and things

src-web/routes/workspaces/$workspaceId/settings.tsx

@@ -0,0 +1,18 @@
+import { createFileRoute } from '@tanstack/react-router'
+import Settings from '../../../components/Settings/Settings'
+import { SettingsTab } from '../../../components/Settings/SettingsTab'
+
+interface SettingsSearchSchema {
+  tab?: SettingsTab
+}
+
+export const Route = createFileRoute('/workspaces/$workspaceId/settings')({
+  component: RouteComponent,
+  validateSearch: (search: Record<string, unknown>): SettingsSearchSchema => ({
+    tab: (search.tab ?? SettingsTab.General) as SettingsTab,
+  }),
+})
+
+function RouteComponent() {
+  return <Settings />
+}