Export preference components. Updates for cloud.

src/components/common/ActionForm.tsx

@@ -2,12 +2,12 @@ import { Row, Column, Text } from '@umami/react-zen';
 
 export function ActionForm({ label, description, children }) {
   return (
-    <Row padding="6" border borderRadius="3" justifyContent="space-between" shadow="2">
-      <Column gap>
+    <Row alignItems="center" justifyContent="space-between" gap>
+      <Column gap="2">
         <Text weight="bold">{label}</Text>
-        <Text>{description}</Text>
+        <Text color="muted">{description}</Text>
       </Column>
-      <Row gap="3" alignItems="center">
+      <Row alignItems="center" gap>
         {children}
       </Row>
     </Row>

src/components/hooks/queries/useUserTeamsQuery.ts

@@ -8,7 +8,7 @@ export function useUserTeamsQuery(userId: string) {
   return useQuery({
     queryKey: ['teams', { userId, modified }],
     queryFn: () => {
-      return get(`/users/${userId}/teams`, { userId });
+      return get(`/users/${userId}/teams`);
     },
     enabled: !!userId,
   });

src/components/input/SettingsButton.tsx

@@ -24,7 +24,7 @@ export function SettingsButton() {
   const handleAction = (id: Key) => {
     if (id === 'settings') {
       if (cloudMode) {
-        window.location.href = `${cloudUrl}/dashboard`;
+        window.location.href = `${cloudUrl}/settings`;
         return;
       }
     }