client: updates

* work on groups ui
* move settings to its own page
* other fixes and refactoring

apps/client/src/features/workspace/components/members/components/workspace-invite-form.tsx

@@ -1,5 +1,5 @@
 import { Group, Box, Button, TagsInput, Space, Select } from "@mantine/core";
-import WorkspaceInviteSection from "@/features/settings/workspace/members/components/workspace-invite-section";
+import WorkspaceInviteSection from "@/features/workspace/components/members/components/workspace-invite-section.tsx";
 import React from "react";
 
 enum UserRole {

apps/client/src/features/workspace/components/members/components/workspace-invite-modal.tsx

@@ -1,27 +1,27 @@
-import { WorkspaceInviteForm } from '@/features/settings/workspace/members/components/workspace-invite-form';
-import { Button, Divider, Modal, ScrollArea } from '@mantine/core';
-import { useDisclosure } from '@mantine/hooks';
+import { WorkspaceInviteForm } from "@/features/workspace/components/members/components/workspace-invite-form.tsx";
+import { Button, Divider, Modal, ScrollArea } from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
 
 export default function WorkspaceInviteModal() {
   const [opened, { open, close }] = useDisclosure(false);
 
   return (
     <>
-      <Button onClick={open}>
-        Invite members
-      </Button>
+      <Button onClick={open}>Invite members</Button>
 
-      <Modal size="600" opened={opened} onClose={close} title="Invite new members" centered>
-
-        <Divider size="xs" mb="xs"/>
+      <Modal
+        size="600"
+        opened={opened}
+        onClose={close}
+        title="Invite new members"
+        centered
+      >
+        <Divider size="xs" mb="xs" />
 
         <ScrollArea h="80%">
-
           <WorkspaceInviteForm />
-
         </ScrollArea>
       </Modal>
-
     </>
   );
 }

apps/client/src/features/workspace/components/members/components/workspace-invite-section.tsx

@@ -1,5 +1,5 @@
 import { useAtom } from "jotai";
-import { currentUserAtom } from "@/features/user/atoms/current-user-atom";
+import { currentUserAtom } from "@/features/user/atoms/current-user-atom.ts";
 import { useEffect, useState } from "react";
 import { Button, CopyButton, Group, Text, TextInput } from "@mantine/core";
 

apps/client/src/features/workspace/components/members/components/workspace-members-table.tsx

@@ -1,5 +1,5 @@
 import { Group, Table, Avatar, Text, Badge } from "@mantine/core";
-import { useWorkspaceMembersQuery } from "@/features/workspace/queries/workspace-query";
+import { useWorkspaceMembersQuery } from "@/features/workspace/queries/workspace-query.ts";
 import { UserAvatar } from "@/components/ui/user-avatar.tsx";
 import React from "react";
 

apps/client/src/features/workspace/components/settings/components/workspace-name-form.tsx

@@ -1,10 +1,10 @@
-import { currentUserAtom } from "@/features/user/atoms/current-user-atom";
+import { currentUserAtom } from "@/features/user/atoms/current-user-atom.ts";
 import { useAtom } from "jotai";
 import * as z from "zod";
 import { useState } from "react";
 import { focusAtom } from "jotai-optics";
-import { updateWorkspace } from "@/features/workspace/services/workspace-service";
-import { IWorkspace } from "@/features/workspace/types/workspace.types";
+import { updateWorkspace } from "@/features/workspace/services/workspace-service.ts";
+import { IWorkspace } from "@/features/workspace/types/workspace.types.ts";
 import { TextInput, Button } from "@mantine/core";
 import { useForm, zodResolver } from "@mantine/form";
 import { notifications } from "@mantine/notifications";