refactor layout

* ui polishing
* frontend and backend fixes

apps/client/src/features/space/components/sidebar/space-name.tsx

@@ -0,0 +1,19 @@
+import { UnstyledButton, Group, Avatar, Text, rem } from "@mantine/core";
+import classes from "./space-name.module.css";
+
+interface SpaceNameProps {
+  spaceName: string;
+}
+export function SpaceName({ spaceName }: SpaceNameProps) {
+  return (
+    <UnstyledButton className={classes.spaceName}>
+      <Group>
+        <div style={{ flex: 1 }}>
+          <Text size="md" fw={500}>
+            {spaceName}
+          </Text>
+        </div>
+      </Group>
+    </UnstyledButton>
+  );
+}