diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 00000000..f85c8bec
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,20 @@
+name: Deploy
+on:
+  push:
+    branches:
+      - release/**
+jobs:
+  lint-client:
+    uses: ./.github/workflows/lint-client.yml
+  lint-server:
+    needs:
+      - lint-client
+    uses: ./.github/workflows/lint-server.yml
+  deploy-users:
+    steps:
+      - uses: actions/checkout@v3
+      - uses: superfly/flyctl-actions/setup-flyctl@master
+      - run: flyctl deploy --remote-only
+        working-directory: service-users
+        env:
+          FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}
diff --git a/.github/workflows/lint-client.yml b/.github/workflows/lint-client.yml
new file mode 100644
index 00000000..519f2c5c
--- /dev/null
+++ b/.github/workflows/lint-client.yml
@@ -0,0 +1,17 @@
+name: Lint client
+on:
+  workflow_call:
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./client
+    steps:
+      - name: Check out repository code
+        uses: actions/checkout@v3
+      - run: npm ci
+      - run: cp .env.dist .env
+      - run: npm run build
+      - run: npm run lint
+      #- run: npm run test
diff --git a/.github/workflows/lint-server.yml b/.github/workflows/lint-server.yml
new file mode 100644
index 00000000..6eae969e
--- /dev/null
+++ b/.github/workflows/lint-server.yml
@@ -0,0 +1,30 @@
+name: Lint server
+on:
+  workflow_call:
+
+# Make sure CI fails on all warnings, including Clippy lints
+env:
+  RUSTFLAGS: "-Dwarnings"
+
+jobs:
+  utils:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Run Clippy
+        run: cargo clippy --all-targets --all-features
+        working-directory: service-utils
+  users:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Run Clippy
+        run: cargo clippy --all-targets --all-features
+        working-directory: service-users
+  notes:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Run Clippy
+        run: cargo clippy --all-targets --all-features
+        working-directory: service-notes
diff --git a/.github/workflows/pr.yml b/.github/workflows/pr.yml
new file mode 100644
index 00000000..75a29c1c
--- /dev/null
+++ b/.github/workflows/pr.yml
@@ -0,0 +1,8 @@
+name: Pull request
+on:
+  pull_request:
+jobs:
+  lint-client:
+    uses: ./.github/workflows/lint-client.yml
+  lint-server:
+    uses: ./.github/workflows/lint-server.yml
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..027271b9
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+files
diff --git a/client/package-lock.json b/client/package-lock.json
index efe424f8..cbbbd648 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -16,6 +16,7 @@
                 "@sveltejs/adapter-vercel": "^2.4.0",
                 "@types/jsonwebtoken": "^9.0.1",
                 "@upstash/redis": "^1.20.4",
+                "feather-icons": "^4.29.0",
                 "jsonwebtoken": "^9.0.0",
                 "nodemailer": "^6.9.1",
                 "zod": "^3.21.4"
@@ -27,6 +28,7 @@
                 "@sveltejs/adapter-auto": "^2.0.0",
                 "@sveltejs/adapter-node": "^1.2.2",
                 "@sveltejs/kit": "^1.11.0",
+                "@tailwindcss/forms": "^0.5.3",
                 "@typescript-eslint/eslint-plugin": "^5.55.0",
                 "@typescript-eslint/parser": "^5.55.0",
                 "autoprefixer": "^10.4.14",
@@ -1117,6 +1119,18 @@
                 "tslib": "^2.4.0"
             }
         },
+        "node_modules/@tailwindcss/forms": {
+            "version": "0.5.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.3.tgz",
+            "integrity": "sha512-y5mb86JUoiUgBjY/o6FJSFZSEttfb3Q5gllE4xoKjAAD+vBrnIhE4dViwUuow3va8mpH4s9jyUbUbrRGoRdc2Q==",
+            "dev": true,
+            "dependencies": {
+                "mini-svg-data-uri": "^1.2.3"
+            },
+            "peerDependencies": {
+                "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
+            }
+        },
         "node_modules/@types/chai": {
             "version": "4.3.4",
             "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.4.tgz",
@@ -1964,6 +1978,11 @@
                 "node": ">=10"
             }
         },
+        "node_modules/classnames": {
+            "version": "2.3.2",
+            "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
+            "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
+        },
         "node_modules/cli-truncate": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-3.1.0.tgz",
@@ -2106,6 +2125,16 @@
                 "node": ">= 0.6"
             }
         },
+        "node_modules/core-js": {
+            "version": "3.30.1",
+            "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.30.1.tgz",
+            "integrity": "sha512-ZNS5nbiSwDTq4hFosEDqm65izl2CWmLz0hARJMyNQBgkUZMIF51cQiMvIQKA6hvuaeWxQDP3hEedM1JZIgTldQ==",
+            "hasInstallScript": true,
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/core-js"
+            }
+        },
         "node_modules/cross-spawn": {
             "version": "7.0.3",
             "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -2593,6 +2622,15 @@
                 "reusify": "^1.0.4"
             }
         },
+        "node_modules/feather-icons": {
+            "version": "4.29.0",
+            "resolved": "https://registry.npmjs.org/feather-icons/-/feather-icons-4.29.0.tgz",
+            "integrity": "sha512-Y7VqN9FYb8KdaSF0qD1081HCkm0v4Eq/fpfQYQnubpqi0hXx14k+gF9iqtRys1SIcTEi97xDi/fmsPFZ8xo0GQ==",
+            "dependencies": {
+                "classnames": "^2.2.5",
+                "core-js": "^3.1.3"
+            }
+        },
         "node_modules/file-entry-cache": {
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -3367,6 +3405,15 @@
                 "node": ">=4"
             }
         },
+        "node_modules/mini-svg-data-uri": {
+            "version": "1.4.4",
+            "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+            "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+            "dev": true,
+            "bin": {
+                "mini-svg-data-uri": "cli.js"
+            }
+        },
         "node_modules/minimatch": {
             "version": "3.1.2",
             "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -6521,6 +6568,15 @@
                 "tslib": "^2.4.0"
             }
         },
+        "@tailwindcss/forms": {
+            "version": "0.5.3",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.3.tgz",
+            "integrity": "sha512-y5mb86JUoiUgBjY/o6FJSFZSEttfb3Q5gllE4xoKjAAD+vBrnIhE4dViwUuow3va8mpH4s9jyUbUbrRGoRdc2Q==",
+            "dev": true,
+            "requires": {
+                "mini-svg-data-uri": "^1.2.3"
+            }
+        },
         "@types/chai": {
             "version": "4.3.4",
             "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.4.tgz",
@@ -7107,6 +7163,11 @@
             "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
             "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ=="
         },
+        "classnames": {
+            "version": "2.3.2",
+            "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz",
+            "integrity": "sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw=="
+        },
         "cli-truncate": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-3.1.0.tgz",
@@ -7215,6 +7276,11 @@
             "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
             "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw=="
         },
+        "core-js": {
+            "version": "3.30.1",
+            "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.30.1.tgz",
+            "integrity": "sha512-ZNS5nbiSwDTq4hFosEDqm65izl2CWmLz0hARJMyNQBgkUZMIF51cQiMvIQKA6hvuaeWxQDP3hEedM1JZIgTldQ=="
+        },
         "cross-spawn": {
             "version": "7.0.3",
             "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -7596,6 +7662,15 @@
                 "reusify": "^1.0.4"
             }
         },
+        "feather-icons": {
+            "version": "4.29.0",
+            "resolved": "https://registry.npmjs.org/feather-icons/-/feather-icons-4.29.0.tgz",
+            "integrity": "sha512-Y7VqN9FYb8KdaSF0qD1081HCkm0v4Eq/fpfQYQnubpqi0hXx14k+gF9iqtRys1SIcTEi97xDi/fmsPFZ8xo0GQ==",
+            "requires": {
+                "classnames": "^2.2.5",
+                "core-js": "^3.1.3"
+            }
+        },
         "file-entry-cache": {
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -8184,6 +8259,12 @@
             "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
             "dev": true
         },
+        "mini-svg-data-uri": {
+            "version": "1.4.4",
+            "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+            "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+            "dev": true
+        },
         "minimatch": {
             "version": "3.1.2",
             "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
diff --git a/client/package.json b/client/package.json
index b7d468b9..fe7457ab 100644
--- a/client/package.json
+++ b/client/package.json
@@ -20,6 +20,7 @@
         "@sveltejs/adapter-auto": "^2.0.0",
         "@sveltejs/adapter-node": "^1.2.2",
         "@sveltejs/kit": "^1.11.0",
+        "@tailwindcss/forms": "^0.5.3",
         "@typescript-eslint/eslint-plugin": "^5.55.0",
         "@typescript-eslint/parser": "^5.55.0",
         "autoprefixer": "^10.4.14",
@@ -45,6 +46,7 @@
         "@sveltejs/adapter-vercel": "^2.4.0",
         "@types/jsonwebtoken": "^9.0.1",
         "@upstash/redis": "^1.20.4",
+        "feather-icons": "^4.29.0",
         "jsonwebtoken": "^9.0.0",
         "nodemailer": "^6.9.1",
         "zod": "^3.21.4"
diff --git a/client/src/lib/components/Drawer.svelte b/client/src/lib/components/Drawer.svelte
new file mode 100644
index 00000000..bca839dd
--- /dev/null
+++ b/client/src/lib/components/Drawer.svelte
@@ -0,0 +1,59 @@
+<script lang="ts">
+    import Button from "$lib/form/Button.svelte";
+    import XIcon from "$lib/icons/XIcon.svelte";
+    import { createEventDispatcher } from "svelte";
+    import { fade, slide } from "svelte/transition";
+
+    export let open: boolean;
+
+    const dispatch = createEventDispatcher();
+    function clickOutside() {
+        dispatch("clickOutside");
+    }
+
+    $: console.log(open);
+</script>
+
+{#if open}
+    <div
+        transition:fade={{ duration: 200 }}
+        class="absolute top-0 right-0 w-screen h-screen bg-black bg-opacity-50 z-40"
+        on:click={clickOutside}
+        on:keypress={(e) => {
+            if (e.key === "Escape") {
+                clickOutside();
+            }
+        }}
+    />
+    <div
+        class="absolute grid grid-rows-[60px_1fr_60px] top-0 right-0 h-screen max-w-xl w-full bg-primary-700 z-50"
+        transition:slide={{ duration: 200, axis: "x" }}
+    >
+        <div class="flex flex-row justify-between items-center px-6">
+            <div>
+                <slot name="header" />
+            </div>
+            <button
+                on:click={clickOutside}
+                class="w-8 h-8 flex justify-center items-center hover:text-primary-300"
+            >
+                <XIcon />
+            </button>
+        </div>
+        <div>
+            <slot name="content" />
+        </div>
+        <div class="flex flex-row justify-end items-center px-6 gap-4">
+            <div class="w-28">
+                <Button
+                    type="button"
+                    variant="secondary"
+                    on:click={clickOutside}
+                >
+                    Close
+                </Button>
+            </div>
+            <slot name="footer" />
+        </div>
+    </div>
+{/if}
diff --git a/client/src/lib/components/Dropdown.svelte b/client/src/lib/components/Dropdown.svelte
new file mode 100644
index 00000000..12107a34
--- /dev/null
+++ b/client/src/lib/components/Dropdown.svelte
@@ -0,0 +1,59 @@
+<script lang="ts">
+    import { fade } from "svelte/transition";
+    let open = false;
+
+    const transitionConfig = {
+        duration: 100,
+        delay: 0,
+        easing: cubicInOut,
+    };
+
+    // Thank yoo ChatGPT :)
+    function cubicInOut(t: number) {
+        if (t < 0.5) return 4 * t * t * t;
+        return (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
+    }
+
+    function useClickOutisde(node: HTMLElement) {
+        const handleClick = (event: MouseEvent) => {
+            if (node && !node.contains(event.target as Node)) {
+                open = false;
+            }
+        };
+        document.addEventListener("click", handleClick);
+        return {
+            destroy() {
+                document.removeEventListener("click", handleClick);
+            },
+        };
+    }
+</script>
+
+<div use:useClickOutisde>
+    <button
+        class="flex self-center"
+        on:click={() => {
+            open = !open;
+        }}
+    >
+        <slot name="button" />
+    </button>
+    <div
+        class="relative"
+        on:keypress={() => {
+            open = false;
+        }}
+        on:click={() => {
+            open = false;
+        }}
+    >
+        {#if open}
+            <div
+                class="absolute right-0 top-1 whitespace-nowrap shadow-lg"
+                transition:fade={transitionConfig}
+            >
+                <slot name="dropdown" />
+            </div>
+        {/if}
+    </div>
+</div>
diff --git a/client/src/lib/components/LoadingComponent.svelte b/client/src/lib/components/LoadingComponent.svelte
new file mode 100644
index 00000000..2f272c27
--- /dev/null
+++ b/client/src/lib/components/LoadingComponent.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+    export let size = 20;
+</script>
+
+<div role="status">
+    <svg
+        aria-hidden="true"
+        class="animate-spin fill-primary-500"
+        width={size}
+        height={size}
+        viewBox="0 0 100 101"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
+            fill="currentColor"
+        />
+        <path
+            d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
+            fill="currentFill"
+        />
+    </svg>
+    <span class="sr-only">Loading...</span>
+</div>
diff --git a/client/src/lib/feather/activity.svg b/client/src/lib/feather/activity.svg
new file mode 100644
index 00000000..669a57a7
--- /dev/null
+++ b/client/src/lib/feather/activity.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-activity"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/airplay.svg b/client/src/lib/feather/airplay.svg
new file mode 100644
index 00000000..7ce73022
--- /dev/null
+++ b/client/src/lib/feather/airplay.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-airplay"><path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path><polygon points="12 15 17 21 7 21 12 15"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/alert-circle.svg b/client/src/lib/feather/alert-circle.svg
new file mode 100644
index 00000000..8d02b7d1
--- /dev/null
+++ b/client/src/lib/feather/alert-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/alert-octagon.svg b/client/src/lib/feather/alert-octagon.svg
new file mode 100644
index 00000000..de9b03f2
--- /dev/null
+++ b/client/src/lib/feather/alert-octagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-octagon"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/alert-triangle.svg b/client/src/lib/feather/alert-triangle.svg
new file mode 100644
index 00000000..6dcb0963
--- /dev/null
+++ b/client/src/lib/feather/alert-triangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-triangle"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/align-center.svg b/client/src/lib/feather/align-center.svg
new file mode 100644
index 00000000..5b8842ea
--- /dev/null
+++ b/client/src/lib/feather/align-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-align-center"><line x1="18" y1="10" x2="6" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="18" y1="18" x2="6" y2="18"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/align-justify.svg b/client/src/lib/feather/align-justify.svg
new file mode 100644
index 00000000..0539876f
--- /dev/null
+++ b/client/src/lib/feather/align-justify.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-align-justify"><line x1="21" y1="10" x2="3" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="21" y1="18" x2="3" y2="18"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/align-left.svg b/client/src/lib/feather/align-left.svg
new file mode 100644
index 00000000..9ac852a5
--- /dev/null
+++ b/client/src/lib/feather/align-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-align-left"><line x1="17" y1="10" x2="3" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="17" y1="18" x2="3" y2="18"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/align-right.svg b/client/src/lib/feather/align-right.svg
new file mode 100644
index 00000000..ef139ffa
--- /dev/null
+++ b/client/src/lib/feather/align-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-align-right"><line x1="21" y1="10" x2="7" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="21" y1="18" x2="7" y2="18"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/anchor.svg b/client/src/lib/feather/anchor.svg
new file mode 100644
index 00000000..e01627a3
--- /dev/null
+++ b/client/src/lib/feather/anchor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-anchor"><circle cx="12" cy="5" r="3"></circle><line x1="12" y1="22" x2="12" y2="8"></line><path d="M5 12H2a10 10 0 0 0 20 0h-3"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/aperture.svg b/client/src/lib/feather/aperture.svg
new file mode 100644
index 00000000..9936e868
--- /dev/null
+++ b/client/src/lib/feather/aperture.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-aperture"><circle cx="12" cy="12" r="10"></circle><line x1="14.31" y1="8" x2="20.05" y2="17.94"></line><line x1="9.69" y1="8" x2="21.17" y2="8"></line><line x1="7.38" y1="12" x2="13.12" y2="2.06"></line><line x1="9.69" y1="16" x2="3.95" y2="6.06"></line><line x1="14.31" y1="16" x2="2.83" y2="16"></line><line x1="16.62" y1="12" x2="10.88" y2="21.94"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/archive.svg b/client/src/lib/feather/archive.svg
new file mode 100644
index 00000000..428882c8
--- /dev/null
+++ b/client/src/lib/feather/archive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-archive"><polyline points="21 8 21 21 3 21 3 8"></polyline><rect x="1" y="3" width="22" height="5"></rect><line x1="10" y1="12" x2="14" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/arrow-down-circle.svg b/client/src/lib/feather/arrow-down-circle.svg
new file mode 100644
index 00000000..3238091b
--- /dev/null
+++ b/client/src/lib/feather/arrow-down-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="8 12 12 16 16 12"></polyline><line x1="12" y1="8" x2="12" y2="16"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/arrow-down-left.svg b/client/src/lib/feather/arrow-down-left.svg
new file mode 100644
index 00000000..72483584
--- /dev/null
+++ b/client/src/lib/feather/arrow-down-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down-left"><line x1="17" y1="7" x2="7" y2="17"></line><polyline points="17 17 7 17 7 7"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/arrow-down-right.svg b/client/src/lib/feather/arrow-down-right.svg
new file mode 100644
index 00000000..81d9822b
--- /dev/null
+++ b/client/src/lib/feather/arrow-down-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down-right"><line x1="7" y1="7" x2="17" y2="17"></line><polyline points="17 7 17 17 7 17"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/arrow-down.svg b/client/src/lib/feather/arrow-down.svg
new file mode 100644
index 00000000..4f84f627
--- /dev/null
+++ b/client/src/lib/feather/arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/arrow-left-circle.svg b/client/src/lib/feather/arrow-left-circle.svg
new file mode 100644
index 00000000..3b19ff8a
--- /dev/null
+++ b/client/src/lib/feather/arrow-left-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="12 8 8 12 12 16"></polyline><line x1="16" y1="12" x2="8" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/arrow-left.svg b/client/src/lib/feather/arrow-left.svg
new file mode 100644
index 00000000..a5058fc7
--- /dev/null
+++ b/client/src/lib/feather/arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/arrow-right-circle.svg b/client/src/lib/feather/arrow-right-circle.svg
new file mode 100644
index 00000000..ff01dd58
--- /dev/null
+++ b/client/src/lib/feather/arrow-right-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="12 16 16 12 12 8"></polyline><line x1="8" y1="12" x2="16" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/arrow-right.svg b/client/src/lib/feather/arrow-right.svg
new file mode 100644
index 00000000..939b57c5
--- /dev/null
+++ b/client/src/lib/feather/arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/arrow-up-circle.svg b/client/src/lib/feather/arrow-up-circle.svg
new file mode 100644
index 00000000..044a75d3
--- /dev/null
+++ b/client/src/lib/feather/arrow-up-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-circle"><circle cx="12" cy="12" r="10"></circle><polyline points="16 12 12 8 8 12"></polyline><line x1="12" y1="16" x2="12" y2="8"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/arrow-up-left.svg b/client/src/lib/feather/arrow-up-left.svg
new file mode 100644
index 00000000..cea55e87
--- /dev/null
+++ b/client/src/lib/feather/arrow-up-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-left"><line x1="17" y1="17" x2="7" y2="7"></line><polyline points="7 17 7 7 17 7"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/arrow-up-right.svg b/client/src/lib/feather/arrow-up-right.svg
new file mode 100644
index 00000000..95678e00
--- /dev/null
+++ b/client/src/lib/feather/arrow-up-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-right"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="7 7 17 7 17 17"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/arrow-up.svg b/client/src/lib/feather/arrow-up.svg
new file mode 100644
index 00000000..16b13aba
--- /dev/null
+++ b/client/src/lib/feather/arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/at-sign.svg b/client/src/lib/feather/at-sign.svg
new file mode 100644
index 00000000..5a5e5d0d
--- /dev/null
+++ b/client/src/lib/feather/at-sign.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-at-sign"><circle cx="12" cy="12" r="4"></circle><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/award.svg b/client/src/lib/feather/award.svg
new file mode 100644
index 00000000..be70d5a1
--- /dev/null
+++ b/client/src/lib/feather/award.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-award"><circle cx="12" cy="8" r="7"></circle><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/bar-chart-2.svg b/client/src/lib/feather/bar-chart-2.svg
new file mode 100644
index 00000000..864167a6
--- /dev/null
+++ b/client/src/lib/feather/bar-chart-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart-2"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/bar-chart.svg b/client/src/lib/feather/bar-chart.svg
new file mode 100644
index 00000000..074d7c1a
--- /dev/null
+++ b/client/src/lib/feather/bar-chart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="16"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/battery-charging.svg b/client/src/lib/feather/battery-charging.svg
new file mode 100644
index 00000000..644cb59c
--- /dev/null
+++ b/client/src/lib/feather/battery-charging.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-battery-charging"><path d="M5 18H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3.19M15 6h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-3.19"></path><line x1="23" y1="13" x2="23" y2="11"></line><polyline points="11 6 7 12 13 12 9 18"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/battery.svg b/client/src/lib/feather/battery.svg
new file mode 100644
index 00000000..7fe87710
--- /dev/null
+++ b/client/src/lib/feather/battery.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-battery"><rect x="1" y="6" width="18" height="12" rx="2" ry="2"></rect><line x1="23" y1="13" x2="23" y2="11"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/bell-off.svg b/client/src/lib/feather/bell-off.svg
new file mode 100644
index 00000000..4b07c848
--- /dev/null
+++ b/client/src/lib/feather/bell-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell-off"><path d="M13.73 21a2 2 0 0 1-3.46 0"></path><path d="M18.63 13A17.89 17.89 0 0 1 18 8"></path><path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14"></path><path d="M18 8a6 6 0 0 0-9.33-5"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/bell.svg b/client/src/lib/feather/bell.svg
new file mode 100644
index 00000000..bba561c1
--- /dev/null
+++ b/client/src/lib/feather/bell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/bluetooth.svg b/client/src/lib/feather/bluetooth.svg
new file mode 100644
index 00000000..cebed7b1
--- /dev/null
+++ b/client/src/lib/feather/bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bluetooth"><polyline points="6.5 6.5 17.5 17.5 12 23 12 1 17.5 6.5 6.5 17.5"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/bold.svg b/client/src/lib/feather/bold.svg
new file mode 100644
index 00000000..d1a4efd3
--- /dev/null
+++ b/client/src/lib/feather/bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bold"><path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path><path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/book-open.svg b/client/src/lib/feather/book-open.svg
new file mode 100644
index 00000000..5e0ca0ab
--- /dev/null
+++ b/client/src/lib/feather/book-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book-open"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/book.svg b/client/src/lib/feather/book.svg
new file mode 100644
index 00000000..12ffcbc4
--- /dev/null
+++ b/client/src/lib/feather/book.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-book"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/bookmark.svg b/client/src/lib/feather/bookmark.svg
new file mode 100644
index 00000000..2239cc58
--- /dev/null
+++ b/client/src/lib/feather/bookmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/box.svg b/client/src/lib/feather/box.svg
new file mode 100644
index 00000000..d89be30f
--- /dev/null
+++ b/client/src/lib/feather/box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-box"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/briefcase.svg b/client/src/lib/feather/briefcase.svg
new file mode 100644
index 00000000..e3af0506
--- /dev/null
+++ b/client/src/lib/feather/briefcase.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-briefcase"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/calendar.svg b/client/src/lib/feather/calendar.svg
new file mode 100644
index 00000000..6c7fd870
--- /dev/null
+++ b/client/src/lib/feather/calendar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/camera-off.svg b/client/src/lib/feather/camera-off.svg
new file mode 100644
index 00000000..daa3e25f
--- /dev/null
+++ b/client/src/lib/feather/camera-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-camera-off"><line x1="1" y1="1" x2="23" y2="23"></line><path d="M21 21H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3m3-3h6l2 3h4a2 2 0 0 1 2 2v9.34m-7.72-2.06a4 4 0 1 1-5.56-5.56"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/camera.svg b/client/src/lib/feather/camera.svg
new file mode 100644
index 00000000..0e7f0603
--- /dev/null
+++ b/client/src/lib/feather/camera.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-camera"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/cast.svg b/client/src/lib/feather/cast.svg
new file mode 100644
index 00000000..63c954d9
--- /dev/null
+++ b/client/src/lib/feather/cast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cast"><path d="M2 16.1A5 5 0 0 1 5.9 20M2 12.05A9 9 0 0 1 9.95 20M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6"></path><line x1="2" y1="20" x2="2.01" y2="20"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/check-circle.svg b/client/src/lib/feather/check-circle.svg
new file mode 100644
index 00000000..f2f4fd1a
--- /dev/null
+++ b/client/src/lib/feather/check-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-circle"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/check-square.svg b/client/src/lib/feather/check-square.svg
new file mode 100644
index 00000000..72ab7a80
--- /dev/null
+++ b/client/src/lib/feather/check-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-square"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/check.svg b/client/src/lib/feather/check.svg
new file mode 100644
index 00000000..1c209899
--- /dev/null
+++ b/client/src/lib/feather/check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/chevron-down.svg b/client/src/lib/feather/chevron-down.svg
new file mode 100644
index 00000000..278c6a31
--- /dev/null
+++ b/client/src/lib/feather/chevron-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/chevron-left.svg b/client/src/lib/feather/chevron-left.svg
new file mode 100644
index 00000000..747d46d9
--- /dev/null
+++ b/client/src/lib/feather/chevron-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left"><polyline points="15 18 9 12 15 6"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/chevron-right.svg b/client/src/lib/feather/chevron-right.svg
new file mode 100644
index 00000000..258de414
--- /dev/null
+++ b/client/src/lib/feather/chevron-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/chevron-up.svg b/client/src/lib/feather/chevron-up.svg
new file mode 100644
index 00000000..4eb5ecc3
--- /dev/null
+++ b/client/src/lib/feather/chevron-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/chevrons-down.svg b/client/src/lib/feather/chevrons-down.svg
new file mode 100644
index 00000000..e67ef2fb
--- /dev/null
+++ b/client/src/lib/feather/chevrons-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-down"><polyline points="7 13 12 18 17 13"></polyline><polyline points="7 6 12 11 17 6"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/chevrons-left.svg b/client/src/lib/feather/chevrons-left.svg
new file mode 100644
index 00000000..c32e3983
--- /dev/null
+++ b/client/src/lib/feather/chevrons-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-left"><polyline points="11 17 6 12 11 7"></polyline><polyline points="18 17 13 12 18 7"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/chevrons-right.svg b/client/src/lib/feather/chevrons-right.svg
new file mode 100644
index 00000000..f5068145
--- /dev/null
+++ b/client/src/lib/feather/chevrons-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-right"><polyline points="13 17 18 12 13 7"></polyline><polyline points="6 17 11 12 6 7"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/chevrons-up.svg b/client/src/lib/feather/chevrons-up.svg
new file mode 100644
index 00000000..0eaf5183
--- /dev/null
+++ b/client/src/lib/feather/chevrons-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-up"><polyline points="17 11 12 6 7 11"></polyline><polyline points="17 18 12 13 7 18"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/chrome.svg b/client/src/lib/feather/chrome.svg
new file mode 100644
index 00000000..9189815e
--- /dev/null
+++ b/client/src/lib/feather/chrome.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chrome"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><line x1="21.17" y1="8" x2="12" y2="8"></line><line x1="3.95" y1="6.06" x2="8.54" y2="14"></line><line x1="10.88" y1="21.94" x2="15.46" y2="14"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/circle.svg b/client/src/lib/feather/circle.svg
new file mode 100644
index 00000000..b0090882
--- /dev/null
+++ b/client/src/lib/feather/circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-circle"><circle cx="12" cy="12" r="10"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/clipboard.svg b/client/src/lib/feather/clipboard.svg
new file mode 100644
index 00000000..ccee454d
--- /dev/null
+++ b/client/src/lib/feather/clipboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clipboard"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/clock.svg b/client/src/lib/feather/clock.svg
new file mode 100644
index 00000000..ea3f5e50
--- /dev/null
+++ b/client/src/lib/feather/clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/cloud-drizzle.svg b/client/src/lib/feather/cloud-drizzle.svg
new file mode 100644
index 00000000..13af6bb5
--- /dev/null
+++ b/client/src/lib/feather/cloud-drizzle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud-drizzle"><line x1="8" y1="19" x2="8" y2="21"></line><line x1="8" y1="13" x2="8" y2="15"></line><line x1="16" y1="19" x2="16" y2="21"></line><line x1="16" y1="13" x2="16" y2="15"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="12" y1="15" x2="12" y2="17"></line><path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/cloud-lightning.svg b/client/src/lib/feather/cloud-lightning.svg
new file mode 100644
index 00000000..32d154cc
--- /dev/null
+++ b/client/src/lib/feather/cloud-lightning.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud-lightning"><path d="M19 16.9A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 9"></path><polyline points="13 11 9 17 15 17 11 23"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/cloud-off.svg b/client/src/lib/feather/cloud-off.svg
new file mode 100644
index 00000000..1e1e7d60
--- /dev/null
+++ b/client/src/lib/feather/cloud-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud-off"><path d="M22.61 16.95A5 5 0 0 0 18 10h-1.26a8 8 0 0 0-7.05-6M5 5a8 8 0 0 0 4 15h9a5 5 0 0 0 1.7-.3"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/cloud-rain.svg b/client/src/lib/feather/cloud-rain.svg
new file mode 100644
index 00000000..3e0b85b0
--- /dev/null
+++ b/client/src/lib/feather/cloud-rain.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud-rain"><line x1="16" y1="13" x2="16" y2="21"></line><line x1="8" y1="13" x2="8" y2="21"></line><line x1="12" y1="15" x2="12" y2="23"></line><path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/cloud-snow.svg b/client/src/lib/feather/cloud-snow.svg
new file mode 100644
index 00000000..e4eb8207
--- /dev/null
+++ b/client/src/lib/feather/cloud-snow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud-snow"><path d="M20 17.58A5 5 0 0 0 18 8h-1.26A8 8 0 1 0 4 16.25"></path><line x1="8" y1="16" x2="8.01" y2="16"></line><line x1="8" y1="20" x2="8.01" y2="20"></line><line x1="12" y1="18" x2="12.01" y2="18"></line><line x1="12" y1="22" x2="12.01" y2="22"></line><line x1="16" y1="16" x2="16.01" y2="16"></line><line x1="16" y1="20" x2="16.01" y2="20"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/cloud.svg b/client/src/lib/feather/cloud.svg
new file mode 100644
index 00000000..0ee0c632
--- /dev/null
+++ b/client/src/lib/feather/cloud.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/code.svg b/client/src/lib/feather/code.svg
new file mode 100644
index 00000000..c4954b55
--- /dev/null
+++ b/client/src/lib/feather/code.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/codepen.svg b/client/src/lib/feather/codepen.svg
new file mode 100644
index 00000000..ab2a815a
--- /dev/null
+++ b/client/src/lib/feather/codepen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-codepen"><polygon points="12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2"></polygon><line x1="12" y1="22" x2="12" y2="15.5"></line><polyline points="22 8.5 12 15.5 2 8.5"></polyline><polyline points="2 15.5 12 8.5 22 15.5"></polyline><line x1="12" y1="2" x2="12" y2="8.5"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/codesandbox.svg b/client/src/lib/feather/codesandbox.svg
new file mode 100644
index 00000000..49848f52
--- /dev/null
+++ b/client/src/lib/feather/codesandbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-codesandbox"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="7.5 4.21 12 6.81 16.5 4.21"></polyline><polyline points="7.5 19.79 7.5 14.6 3 12"></polyline><polyline points="21 12 16.5 14.6 16.5 19.79"></polyline><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/coffee.svg b/client/src/lib/feather/coffee.svg
new file mode 100644
index 00000000..32905e52
--- /dev/null
+++ b/client/src/lib/feather/coffee.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-coffee"><path d="M18 8h1a4 4 0 0 1 0 8h-1"></path><path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"></path><line x1="6" y1="1" x2="6" y2="4"></line><line x1="10" y1="1" x2="10" y2="4"></line><line x1="14" y1="1" x2="14" y2="4"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/columns.svg b/client/src/lib/feather/columns.svg
new file mode 100644
index 00000000..d264b557
--- /dev/null
+++ b/client/src/lib/feather/columns.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-columns"><path d="M12 3h7a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-7m0-18H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7m0-18v18"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/command.svg b/client/src/lib/feather/command.svg
new file mode 100644
index 00000000..93f554c3
--- /dev/null
+++ b/client/src/lib/feather/command.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-command"><path d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/compass.svg b/client/src/lib/feather/compass.svg
new file mode 100644
index 00000000..32962608
--- /dev/null
+++ b/client/src/lib/feather/compass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-compass"><circle cx="12" cy="12" r="10"></circle><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/copy.svg b/client/src/lib/feather/copy.svg
new file mode 100644
index 00000000..4e0b09f1
--- /dev/null
+++ b/client/src/lib/feather/copy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-copy"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/corner-down-left.svg b/client/src/lib/feather/corner-down-left.svg
new file mode 100644
index 00000000..9fffb3e9
--- /dev/null
+++ b/client/src/lib/feather/corner-down-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-down-left"><polyline points="9 10 4 15 9 20"></polyline><path d="M20 4v7a4 4 0 0 1-4 4H4"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/corner-down-right.svg b/client/src/lib/feather/corner-down-right.svg
new file mode 100644
index 00000000..b27d408d
--- /dev/null
+++ b/client/src/lib/feather/corner-down-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-down-right"><polyline points="15 10 20 15 15 20"></polyline><path d="M4 4v7a4 4 0 0 0 4 4h12"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/corner-left-down.svg b/client/src/lib/feather/corner-left-down.svg
new file mode 100644
index 00000000..24b8375c
--- /dev/null
+++ b/client/src/lib/feather/corner-left-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-left-down"><polyline points="14 15 9 20 4 15"></polyline><path d="M20 4h-7a4 4 0 0 0-4 4v12"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/corner-left-up.svg b/client/src/lib/feather/corner-left-up.svg
new file mode 100644
index 00000000..e54527cd
--- /dev/null
+++ b/client/src/lib/feather/corner-left-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-left-up"><polyline points="14 9 9 4 4 9"></polyline><path d="M20 20h-7a4 4 0 0 1-4-4V4"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/corner-right-down.svg b/client/src/lib/feather/corner-right-down.svg
new file mode 100644
index 00000000..a49e6d6c
--- /dev/null
+++ b/client/src/lib/feather/corner-right-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-right-down"><polyline points="10 15 15 20 20 15"></polyline><path d="M4 4h7a4 4 0 0 1 4 4v12"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/corner-right-up.svg b/client/src/lib/feather/corner-right-up.svg
new file mode 100644
index 00000000..a5c5dce5
--- /dev/null
+++ b/client/src/lib/feather/corner-right-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-right-up"><polyline points="10 9 15 4 20 9"></polyline><path d="M4 20h7a4 4 0 0 0 4-4V4"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/corner-up-left.svg b/client/src/lib/feather/corner-up-left.svg
new file mode 100644
index 00000000..0a1ffd61
--- /dev/null
+++ b/client/src/lib/feather/corner-up-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-up-left"><polyline points="9 14 4 9 9 4"></polyline><path d="M20 20v-7a4 4 0 0 0-4-4H4"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/corner-up-right.svg b/client/src/lib/feather/corner-up-right.svg
new file mode 100644
index 00000000..0b8f961b
--- /dev/null
+++ b/client/src/lib/feather/corner-up-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-up-right"><polyline points="15 14 20 9 15 4"></polyline><path d="M4 20v-7a4 4 0 0 1 4-4h12"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/cpu.svg b/client/src/lib/feather/cpu.svg
new file mode 100644
index 00000000..2ed16ef7
--- /dev/null
+++ b/client/src/lib/feather/cpu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cpu"><rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect><rect x="9" y="9" width="6" height="6"></rect><line x1="9" y1="1" x2="9" y2="4"></line><line x1="15" y1="1" x2="15" y2="4"></line><line x1="9" y1="20" x2="9" y2="23"></line><line x1="15" y1="20" x2="15" y2="23"></line><line x1="20" y1="9" x2="23" y2="9"></line><line x1="20" y1="14" x2="23" y2="14"></line><line x1="1" y1="9" x2="4" y2="9"></line><line x1="1" y1="14" x2="4" y2="14"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/credit-card.svg b/client/src/lib/feather/credit-card.svg
new file mode 100644
index 00000000..1b7fd029
--- /dev/null
+++ b/client/src/lib/feather/credit-card.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-credit-card"><rect x="1" y="4" width="22" height="16" rx="2" ry="2"></rect><line x1="1" y1="10" x2="23" y2="10"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/crop.svg b/client/src/lib/feather/crop.svg
new file mode 100644
index 00000000..ffbfd045
--- /dev/null
+++ b/client/src/lib/feather/crop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-crop"><path d="M6.13 1L6 16a2 2 0 0 0 2 2h15"></path><path d="M1 6.13L16 6a2 2 0 0 1 2 2v15"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/crosshair.svg b/client/src/lib/feather/crosshair.svg
new file mode 100644
index 00000000..ba394015
--- /dev/null
+++ b/client/src/lib/feather/crosshair.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-crosshair"><circle cx="12" cy="12" r="10"></circle><line x1="22" y1="12" x2="18" y2="12"></line><line x1="6" y1="12" x2="2" y2="12"></line><line x1="12" y1="6" x2="12" y2="2"></line><line x1="12" y1="22" x2="12" y2="18"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/database.svg b/client/src/lib/feather/database.svg
new file mode 100644
index 00000000..c296fbcf
--- /dev/null
+++ b/client/src/lib/feather/database.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-database"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/delete.svg b/client/src/lib/feather/delete.svg
new file mode 100644
index 00000000..8c6074b9
--- /dev/null
+++ b/client/src/lib/feather/delete.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-delete"><path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"></path><line x1="18" y1="9" x2="12" y2="15"></line><line x1="12" y1="9" x2="18" y2="15"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/disc.svg b/client/src/lib/feather/disc.svg
new file mode 100644
index 00000000..2595b444
--- /dev/null
+++ b/client/src/lib/feather/disc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-disc"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="3"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/divide-circle.svg b/client/src/lib/feather/divide-circle.svg
new file mode 100644
index 00000000..03a50b74
--- /dev/null
+++ b/client/src/lib/feather/divide-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-divide-circle"><line x1="8" y1="12" x2="16" y2="12"></line><line x1="12" y1="16" x2="12" y2="16"></line><line x1="12" y1="8" x2="12" y2="8"></line><circle cx="12" cy="12" r="10"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/divide-square.svg b/client/src/lib/feather/divide-square.svg
new file mode 100644
index 00000000..852f7768
--- /dev/null
+++ b/client/src/lib/feather/divide-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-divide-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="8" y1="12" x2="16" y2="12"></line><line x1="12" y1="16" x2="12" y2="16"></line><line x1="12" y1="8" x2="12" y2="8"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/divide.svg b/client/src/lib/feather/divide.svg
new file mode 100644
index 00000000..3cbff3ae
--- /dev/null
+++ b/client/src/lib/feather/divide.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-divide"><circle cx="12" cy="6" r="2"></circle><line x1="5" y1="12" x2="19" y2="12"></line><circle cx="12" cy="18" r="2"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/dollar-sign.svg b/client/src/lib/feather/dollar-sign.svg
new file mode 100644
index 00000000..1a124d26
--- /dev/null
+++ b/client/src/lib/feather/dollar-sign.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-dollar-sign"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/download-cloud.svg b/client/src/lib/feather/download-cloud.svg
new file mode 100644
index 00000000..f3126fc3
--- /dev/null
+++ b/client/src/lib/feather/download-cloud.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download-cloud"><polyline points="8 17 12 21 16 17"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/download.svg b/client/src/lib/feather/download.svg
new file mode 100644
index 00000000..76767a92
--- /dev/null
+++ b/client/src/lib/feather/download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/dribbble.svg b/client/src/lib/feather/dribbble.svg
new file mode 100644
index 00000000..bb8577da
--- /dev/null
+++ b/client/src/lib/feather/dribbble.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-dribbble"><circle cx="12" cy="12" r="10"></circle><path d="M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/droplet.svg b/client/src/lib/feather/droplet.svg
new file mode 100644
index 00000000..ca093014
--- /dev/null
+++ b/client/src/lib/feather/droplet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-droplet"><path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/edit-2.svg b/client/src/lib/feather/edit-2.svg
new file mode 100644
index 00000000..06830c9d
--- /dev/null
+++ b/client/src/lib/feather/edit-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-2"><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/edit-3.svg b/client/src/lib/feather/edit-3.svg
new file mode 100644
index 00000000..d728efcc
--- /dev/null
+++ b/client/src/lib/feather/edit-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-3"><path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/edit.svg b/client/src/lib/feather/edit.svg
new file mode 100644
index 00000000..ec7b4ca2
--- /dev/null
+++ b/client/src/lib/feather/edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/external-link.svg b/client/src/lib/feather/external-link.svg
new file mode 100644
index 00000000..6236df3e
--- /dev/null
+++ b/client/src/lib/feather/external-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/eye-off.svg b/client/src/lib/feather/eye-off.svg
new file mode 100644
index 00000000..77c54cb4
--- /dev/null
+++ b/client/src/lib/feather/eye-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye-off"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/eye.svg b/client/src/lib/feather/eye.svg
new file mode 100644
index 00000000..9cde2437
--- /dev/null
+++ b/client/src/lib/feather/eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/facebook.svg b/client/src/lib/feather/facebook.svg
new file mode 100644
index 00000000..2570f56a
--- /dev/null
+++ b/client/src/lib/feather/facebook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-facebook"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/fast-forward.svg b/client/src/lib/feather/fast-forward.svg
new file mode 100644
index 00000000..fa39877a
--- /dev/null
+++ b/client/src/lib/feather/fast-forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-fast-forward"><polygon points="13 19 22 12 13 5 13 19"></polygon><polygon points="2 19 11 12 2 5 2 19"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/feather.svg b/client/src/lib/feather/feather.svg
new file mode 100644
index 00000000..ac3b868d
--- /dev/null
+++ b/client/src/lib/feather/feather.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-feather"><path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"></path><line x1="16" y1="8" x2="2" y2="22"></line><line x1="17.5" y1="15" x2="9" y2="15"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/figma.svg b/client/src/lib/feather/figma.svg
new file mode 100644
index 00000000..66fd2178
--- /dev/null
+++ b/client/src/lib/feather/figma.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-figma"><path d="M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5z"></path><path d="M12 2h3.5a3.5 3.5 0 1 1 0 7H12V2z"></path><path d="M12 12.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 1 1-7 0z"></path><path d="M5 19.5A3.5 3.5 0 0 1 8.5 16H12v3.5a3.5 3.5 0 1 1-7 0z"></path><path d="M5 12.5A3.5 3.5 0 0 1 8.5 9H12v7H8.5A3.5 3.5 0 0 1 5 12.5z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/file-minus.svg b/client/src/lib/feather/file-minus.svg
new file mode 100644
index 00000000..345756ef
--- /dev/null
+++ b/client/src/lib/feather/file-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-minus"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/file-plus.svg b/client/src/lib/feather/file-plus.svg
new file mode 100644
index 00000000..eed12004
--- /dev/null
+++ b/client/src/lib/feather/file-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-plus"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="12" y1="18" x2="12" y2="12"></line><line x1="9" y1="15" x2="15" y2="15"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/file-text.svg b/client/src/lib/feather/file-text.svg
new file mode 100644
index 00000000..4197ddd4
--- /dev/null
+++ b/client/src/lib/feather/file-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/file.svg b/client/src/lib/feather/file.svg
new file mode 100644
index 00000000..378519ab
--- /dev/null
+++ b/client/src/lib/feather/file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/film.svg b/client/src/lib/feather/film.svg
new file mode 100644
index 00000000..ac46360d
--- /dev/null
+++ b/client/src/lib/feather/film.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-film"><rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"></rect><line x1="7" y1="2" x2="7" y2="22"></line><line x1="17" y1="2" x2="17" y2="22"></line><line x1="2" y1="12" x2="22" y2="12"></line><line x1="2" y1="7" x2="7" y2="7"></line><line x1="2" y1="17" x2="7" y2="17"></line><line x1="17" y1="17" x2="22" y2="17"></line><line x1="17" y1="7" x2="22" y2="7"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/filter.svg b/client/src/lib/feather/filter.svg
new file mode 100644
index 00000000..38a47e04
--- /dev/null
+++ b/client/src/lib/feather/filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-filter"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/flag.svg b/client/src/lib/feather/flag.svg
new file mode 100644
index 00000000..037737cb
--- /dev/null
+++ b/client/src/lib/feather/flag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-flag"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path><line x1="4" y1="22" x2="4" y2="15"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/folder-minus.svg b/client/src/lib/feather/folder-minus.svg
new file mode 100644
index 00000000..d5b7af65
--- /dev/null
+++ b/client/src/lib/feather/folder-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-folder-minus"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path><line x1="9" y1="14" x2="15" y2="14"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/folder-plus.svg b/client/src/lib/feather/folder-plus.svg
new file mode 100644
index 00000000..898f2fc9
--- /dev/null
+++ b/client/src/lib/feather/folder-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-folder-plus"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path><line x1="12" y1="11" x2="12" y2="17"></line><line x1="9" y1="14" x2="15" y2="14"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/folder.svg b/client/src/lib/feather/folder.svg
new file mode 100644
index 00000000..134458b9
--- /dev/null
+++ b/client/src/lib/feather/folder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-folder"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/framer.svg b/client/src/lib/feather/framer.svg
new file mode 100644
index 00000000..3e663478
--- /dev/null
+++ b/client/src/lib/feather/framer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-framer"><path d="M5 16V9h14V2H5l14 14h-7m-7 0l7 7v-7m-7 0h7"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/frown.svg b/client/src/lib/feather/frown.svg
new file mode 100644
index 00000000..f3122547
--- /dev/null
+++ b/client/src/lib/feather/frown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-frown"><circle cx="12" cy="12" r="10"></circle><path d="M16 16s-1.5-2-4-2-4 2-4 2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/gift.svg b/client/src/lib/feather/gift.svg
new file mode 100644
index 00000000..d2c14bd6
--- /dev/null
+++ b/client/src/lib/feather/gift.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-gift"><polyline points="20 12 20 22 4 22 4 12"></polyline><rect x="2" y="7" width="20" height="5"></rect><line x1="12" y1="22" x2="12" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/git-branch.svg b/client/src/lib/feather/git-branch.svg
new file mode 100644
index 00000000..44003726
--- /dev/null
+++ b/client/src/lib/feather/git-branch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-branch"><line x1="6" y1="3" x2="6" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/git-commit.svg b/client/src/lib/feather/git-commit.svg
new file mode 100644
index 00000000..e959d725
--- /dev/null
+++ b/client/src/lib/feather/git-commit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/git-merge.svg b/client/src/lib/feather/git-merge.svg
new file mode 100644
index 00000000..c65fffdd
--- /dev/null
+++ b/client/src/lib/feather/git-merge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-merge"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M6 21V9a9 9 0 0 0 9 9"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/git-pull-request.svg b/client/src/lib/feather/git-pull-request.svg
new file mode 100644
index 00000000..fc80bdfd
--- /dev/null
+++ b/client/src/lib/feather/git-pull-request.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-pull-request"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><line x1="6" y1="9" x2="6" y2="21"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/github.svg b/client/src/lib/feather/github.svg
new file mode 100644
index 00000000..ff0af481
--- /dev/null
+++ b/client/src/lib/feather/github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/gitlab.svg b/client/src/lib/feather/gitlab.svg
new file mode 100644
index 00000000..85d54a1e
--- /dev/null
+++ b/client/src/lib/feather/gitlab.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-gitlab"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/globe.svg b/client/src/lib/feather/globe.svg
new file mode 100644
index 00000000..0a0586d3
--- /dev/null
+++ b/client/src/lib/feather/globe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/grid.svg b/client/src/lib/feather/grid.svg
new file mode 100644
index 00000000..8ef2e9d8
--- /dev/null
+++ b/client/src/lib/feather/grid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/hard-drive.svg b/client/src/lib/feather/hard-drive.svg
new file mode 100644
index 00000000..8e90fa1b
--- /dev/null
+++ b/client/src/lib/feather/hard-drive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hard-drive"><line x1="22" y1="12" x2="2" y2="12"></line><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><line x1="6" y1="16" x2="6.01" y2="16"></line><line x1="10" y1="16" x2="10.01" y2="16"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/hash.svg b/client/src/lib/feather/hash.svg
new file mode 100644
index 00000000..c9c8d41f
--- /dev/null
+++ b/client/src/lib/feather/hash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hash"><line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/headphones.svg b/client/src/lib/feather/headphones.svg
new file mode 100644
index 00000000..fd8915b4
--- /dev/null
+++ b/client/src/lib/feather/headphones.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-headphones"><path d="M3 18v-6a9 9 0 0 1 18 0v6"></path><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/heart.svg b/client/src/lib/feather/heart.svg
new file mode 100644
index 00000000..a083b7e2
--- /dev/null
+++ b/client/src/lib/feather/heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/help-circle.svg b/client/src/lib/feather/help-circle.svg
new file mode 100644
index 00000000..51fddd80
--- /dev/null
+++ b/client/src/lib/feather/help-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-help-circle"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/hexagon.svg b/client/src/lib/feather/hexagon.svg
new file mode 100644
index 00000000..eae7f255
--- /dev/null
+++ b/client/src/lib/feather/hexagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hexagon"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/home.svg b/client/src/lib/feather/home.svg
new file mode 100644
index 00000000..7bb31b23
--- /dev/null
+++ b/client/src/lib/feather/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/image.svg b/client/src/lib/feather/image.svg
new file mode 100644
index 00000000..a7d84b98
--- /dev/null
+++ b/client/src/lib/feather/image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/inbox.svg b/client/src/lib/feather/inbox.svg
new file mode 100644
index 00000000..03a13b4e
--- /dev/null
+++ b/client/src/lib/feather/inbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-inbox"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12"></polyline><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/info.svg b/client/src/lib/feather/info.svg
new file mode 100644
index 00000000..a09fa5f1
--- /dev/null
+++ b/client/src/lib/feather/info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/instagram.svg b/client/src/lib/feather/instagram.svg
new file mode 100644
index 00000000..9fdb8e35
--- /dev/null
+++ b/client/src/lib/feather/instagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-instagram"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/italic.svg b/client/src/lib/feather/italic.svg
new file mode 100644
index 00000000..a123d371
--- /dev/null
+++ b/client/src/lib/feather/italic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-italic"><line x1="19" y1="4" x2="10" y2="4"></line><line x1="14" y1="20" x2="5" y2="20"></line><line x1="15" y1="4" x2="9" y2="20"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/key.svg b/client/src/lib/feather/key.svg
new file mode 100644
index 00000000..e778e74e
--- /dev/null
+++ b/client/src/lib/feather/key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-key"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/layers.svg b/client/src/lib/feather/layers.svg
new file mode 100644
index 00000000..ea788c22
--- /dev/null
+++ b/client/src/lib/feather/layers.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layers"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/layout.svg b/client/src/lib/feather/layout.svg
new file mode 100644
index 00000000..28743d92
--- /dev/null
+++ b/client/src/lib/feather/layout.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layout"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/life-buoy.svg b/client/src/lib/feather/life-buoy.svg
new file mode 100644
index 00000000..54c2bd7d
--- /dev/null
+++ b/client/src/lib/feather/life-buoy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-life-buoy"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><line x1="4.93" y1="4.93" x2="9.17" y2="9.17"></line><line x1="14.83" y1="14.83" x2="19.07" y2="19.07"></line><line x1="14.83" y1="9.17" x2="19.07" y2="4.93"></line><line x1="14.83" y1="9.17" x2="18.36" y2="5.64"></line><line x1="4.93" y1="19.07" x2="9.17" y2="14.83"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/link-2.svg b/client/src/lib/feather/link-2.svg
new file mode 100644
index 00000000..8cc7f6dd
--- /dev/null
+++ b/client/src/lib/feather/link-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link-2"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/link.svg b/client/src/lib/feather/link.svg
new file mode 100644
index 00000000..c89dd41c
--- /dev/null
+++ b/client/src/lib/feather/link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/linkedin.svg b/client/src/lib/feather/linkedin.svg
new file mode 100644
index 00000000..39531094
--- /dev/null
+++ b/client/src/lib/feather/linkedin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/list.svg b/client/src/lib/feather/list.svg
new file mode 100644
index 00000000..5ce38eaa
--- /dev/null
+++ b/client/src/lib/feather/list.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/loader.svg b/client/src/lib/feather/loader.svg
new file mode 100644
index 00000000..e1a70c12
--- /dev/null
+++ b/client/src/lib/feather/loader.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/lock.svg b/client/src/lib/feather/lock.svg
new file mode 100644
index 00000000..de09d9db
--- /dev/null
+++ b/client/src/lib/feather/lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/log-in.svg b/client/src/lib/feather/log-in.svg
new file mode 100644
index 00000000..ba0da59a
--- /dev/null
+++ b/client/src/lib/feather/log-in.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-in"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path><polyline points="10 17 15 12 10 7"></polyline><line x1="15" y1="12" x2="3" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/log-out.svg b/client/src/lib/feather/log-out.svg
new file mode 100644
index 00000000..c9002c90
--- /dev/null
+++ b/client/src/lib/feather/log-out.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-out"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/mail.svg b/client/src/lib/feather/mail.svg
new file mode 100644
index 00000000..2af169e8
--- /dev/null
+++ b/client/src/lib/feather/mail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/map-pin.svg b/client/src/lib/feather/map-pin.svg
new file mode 100644
index 00000000..d5548e92
--- /dev/null
+++ b/client/src/lib/feather/map-pin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/map.svg b/client/src/lib/feather/map.svg
new file mode 100644
index 00000000..ecebd7bf
--- /dev/null
+++ b/client/src/lib/feather/map.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map"><polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"></polygon><line x1="8" y1="2" x2="8" y2="18"></line><line x1="16" y1="6" x2="16" y2="22"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/maximize-2.svg b/client/src/lib/feather/maximize-2.svg
new file mode 100644
index 00000000..e41fc0b7
--- /dev/null
+++ b/client/src/lib/feather/maximize-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/maximize.svg b/client/src/lib/feather/maximize.svg
new file mode 100644
index 00000000..fc305189
--- /dev/null
+++ b/client/src/lib/feather/maximize.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/meh.svg b/client/src/lib/feather/meh.svg
new file mode 100644
index 00000000..6f57fff2
--- /dev/null
+++ b/client/src/lib/feather/meh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-meh"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="15" x2="16" y2="15"></line><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/menu.svg b/client/src/lib/feather/menu.svg
new file mode 100644
index 00000000..e8a84a95
--- /dev/null
+++ b/client/src/lib/feather/menu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/message-circle.svg b/client/src/lib/feather/message-circle.svg
new file mode 100644
index 00000000..4b21b32b
--- /dev/null
+++ b/client/src/lib/feather/message-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/message-square.svg b/client/src/lib/feather/message-square.svg
new file mode 100644
index 00000000..6a2e4e59
--- /dev/null
+++ b/client/src/lib/feather/message-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-square"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/mic-off.svg b/client/src/lib/feather/mic-off.svg
new file mode 100644
index 00000000..0786219c
--- /dev/null
+++ b/client/src/lib/feather/mic-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mic-off"><line x1="1" y1="1" x2="23" y2="23"></line><path d="M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6"></path><path d="M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23"></path><line x1="12" y1="19" x2="12" y2="23"></line><line x1="8" y1="23" x2="16" y2="23"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/mic.svg b/client/src/lib/feather/mic.svg
new file mode 100644
index 00000000..dc5f780c
--- /dev/null
+++ b/client/src/lib/feather/mic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mic"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" y1="19" x2="12" y2="23"></line><line x1="8" y1="23" x2="16" y2="23"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/minimize-2.svg b/client/src/lib/feather/minimize-2.svg
new file mode 100644
index 00000000..a720fa6c
--- /dev/null
+++ b/client/src/lib/feather/minimize-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minimize-2"><polyline points="4 14 10 14 10 20"></polyline><polyline points="20 10 14 10 14 4"></polyline><line x1="14" y1="10" x2="21" y2="3"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/minimize.svg b/client/src/lib/feather/minimize.svg
new file mode 100644
index 00000000..46d61196
--- /dev/null
+++ b/client/src/lib/feather/minimize.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minimize"><path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/minus-circle.svg b/client/src/lib/feather/minus-circle.svg
new file mode 100644
index 00000000..80c0de1e
--- /dev/null
+++ b/client/src/lib/feather/minus-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="12" x2="16" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/minus-square.svg b/client/src/lib/feather/minus-square.svg
new file mode 100644
index 00000000..4862832a
--- /dev/null
+++ b/client/src/lib/feather/minus-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="8" y1="12" x2="16" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/minus.svg b/client/src/lib/feather/minus.svg
new file mode 100644
index 00000000..93cc7340
--- /dev/null
+++ b/client/src/lib/feather/minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/monitor.svg b/client/src/lib/feather/monitor.svg
new file mode 100644
index 00000000..6c3556db
--- /dev/null
+++ b/client/src/lib/feather/monitor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-monitor"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/moon.svg b/client/src/lib/feather/moon.svg
new file mode 100644
index 00000000..dbf7c6cf
--- /dev/null
+++ b/client/src/lib/feather/moon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-moon"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/more-horizontal.svg b/client/src/lib/feather/more-horizontal.svg
new file mode 100644
index 00000000..dc6a8556
--- /dev/null
+++ b/client/src/lib/feather/more-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/more-vertical.svg b/client/src/lib/feather/more-vertical.svg
new file mode 100644
index 00000000..cba6958f
--- /dev/null
+++ b/client/src/lib/feather/more-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-vertical"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/mouse-pointer.svg b/client/src/lib/feather/mouse-pointer.svg
new file mode 100644
index 00000000..f5af5591
--- /dev/null
+++ b/client/src/lib/feather/mouse-pointer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mouse-pointer"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path><path d="M13 13l6 6"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/move.svg b/client/src/lib/feather/move.svg
new file mode 100644
index 00000000..4e251b56
--- /dev/null
+++ b/client/src/lib/feather/move.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-move"><polyline points="5 9 2 12 5 15"></polyline><polyline points="9 5 12 2 15 5"></polyline><polyline points="15 19 12 22 9 19"></polyline><polyline points="19 9 22 12 19 15"></polyline><line x1="2" y1="12" x2="22" y2="12"></line><line x1="12" y1="2" x2="12" y2="22"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/music.svg b/client/src/lib/feather/music.svg
new file mode 100644
index 00000000..7bee2f7e
--- /dev/null
+++ b/client/src/lib/feather/music.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-music"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/navigation-2.svg b/client/src/lib/feather/navigation-2.svg
new file mode 100644
index 00000000..ae31db96
--- /dev/null
+++ b/client/src/lib/feather/navigation-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation-2"><polygon points="12 2 19 21 12 17 5 21 12 2"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/navigation.svg b/client/src/lib/feather/navigation.svg
new file mode 100644
index 00000000..f600a414
--- /dev/null
+++ b/client/src/lib/feather/navigation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/octagon.svg b/client/src/lib/feather/octagon.svg
new file mode 100644
index 00000000..124c5483
--- /dev/null
+++ b/client/src/lib/feather/octagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-octagon"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/package.svg b/client/src/lib/feather/package.svg
new file mode 100644
index 00000000..f1e09eec
--- /dev/null
+++ b/client/src/lib/feather/package.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-package"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/paperclip.svg b/client/src/lib/feather/paperclip.svg
new file mode 100644
index 00000000..b1f69b7a
--- /dev/null
+++ b/client/src/lib/feather/paperclip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-paperclip"><path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/pause-circle.svg b/client/src/lib/feather/pause-circle.svg
new file mode 100644
index 00000000..f6b1a8df
--- /dev/null
+++ b/client/src/lib/feather/pause-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pause-circle"><circle cx="12" cy="12" r="10"></circle><line x1="10" y1="15" x2="10" y2="9"></line><line x1="14" y1="15" x2="14" y2="9"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/pause.svg b/client/src/lib/feather/pause.svg
new file mode 100644
index 00000000..4e78038d
--- /dev/null
+++ b/client/src/lib/feather/pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pause"><rect x="6" y="4" width="4" height="16"></rect><rect x="14" y="4" width="4" height="16"></rect></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/pen-tool.svg b/client/src/lib/feather/pen-tool.svg
new file mode 100644
index 00000000..0d26fa1e
--- /dev/null
+++ b/client/src/lib/feather/pen-tool.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pen-tool"><path d="M12 19l7-7 3 3-7 7-3-3z"></path><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path><path d="M2 2l7.586 7.586"></path><circle cx="11" cy="11" r="2"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/percent.svg b/client/src/lib/feather/percent.svg
new file mode 100644
index 00000000..2cb9719d
--- /dev/null
+++ b/client/src/lib/feather/percent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-percent"><line x1="19" y1="5" x2="5" y2="19"></line><circle cx="6.5" cy="6.5" r="2.5"></circle><circle cx="17.5" cy="17.5" r="2.5"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/phone-call.svg b/client/src/lib/feather/phone-call.svg
new file mode 100644
index 00000000..8b866602
--- /dev/null
+++ b/client/src/lib/feather/phone-call.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-call"><path d="M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/phone-forwarded.svg b/client/src/lib/feather/phone-forwarded.svg
new file mode 100644
index 00000000..aa21befc
--- /dev/null
+++ b/client/src/lib/feather/phone-forwarded.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-forwarded"><polyline points="19 1 23 5 19 9"></polyline><line x1="15" y1="5" x2="23" y2="5"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/phone-incoming.svg b/client/src/lib/feather/phone-incoming.svg
new file mode 100644
index 00000000..b2d523a8
--- /dev/null
+++ b/client/src/lib/feather/phone-incoming.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-incoming"><polyline points="16 2 16 8 22 8"></polyline><line x1="23" y1="1" x2="16" y2="8"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/phone-missed.svg b/client/src/lib/feather/phone-missed.svg
new file mode 100644
index 00000000..4950f09f
--- /dev/null
+++ b/client/src/lib/feather/phone-missed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-missed"><line x1="23" y1="1" x2="17" y2="7"></line><line x1="17" y1="1" x2="23" y2="7"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/phone-off.svg b/client/src/lib/feather/phone-off.svg
new file mode 100644
index 00000000..4d00fb3d
--- /dev/null
+++ b/client/src/lib/feather/phone-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-off"><path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91"></path><line x1="23" y1="1" x2="1" y2="23"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/phone-outgoing.svg b/client/src/lib/feather/phone-outgoing.svg
new file mode 100644
index 00000000..fea27a37
--- /dev/null
+++ b/client/src/lib/feather/phone-outgoing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone-outgoing"><polyline points="23 7 23 1 17 1"></polyline><line x1="16" y1="8" x2="23" y2="1"></line><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/phone.svg b/client/src/lib/feather/phone.svg
new file mode 100644
index 00000000..2a35154a
--- /dev/null
+++ b/client/src/lib/feather/phone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/pie-chart.svg b/client/src/lib/feather/pie-chart.svg
new file mode 100644
index 00000000..b5bbe67c
--- /dev/null
+++ b/client/src/lib/feather/pie-chart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pie-chart"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/play-circle.svg b/client/src/lib/feather/play-circle.svg
new file mode 100644
index 00000000..8766dc7b
--- /dev/null
+++ b/client/src/lib/feather/play-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-play-circle"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/play.svg b/client/src/lib/feather/play.svg
new file mode 100644
index 00000000..fd76e30d
--- /dev/null
+++ b/client/src/lib/feather/play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/plus-circle.svg b/client/src/lib/feather/plus-circle.svg
new file mode 100644
index 00000000..4291ff05
--- /dev/null
+++ b/client/src/lib/feather/plus-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/plus-square.svg b/client/src/lib/feather/plus-square.svg
new file mode 100644
index 00000000..c380e24b
--- /dev/null
+++ b/client/src/lib/feather/plus-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/plus.svg b/client/src/lib/feather/plus.svg
new file mode 100644
index 00000000..703c5b7b
--- /dev/null
+++ b/client/src/lib/feather/plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/pocket.svg b/client/src/lib/feather/pocket.svg
new file mode 100644
index 00000000..a3b25619
--- /dev/null
+++ b/client/src/lib/feather/pocket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pocket"><path d="M4 3h16a2 2 0 0 1 2 2v6a10 10 0 0 1-10 10A10 10 0 0 1 2 11V5a2 2 0 0 1 2-2z"></path><polyline points="8 10 12 14 16 10"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/power.svg b/client/src/lib/feather/power.svg
new file mode 100644
index 00000000..598308fc
--- /dev/null
+++ b/client/src/lib/feather/power.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-power"><path d="M18.36 6.64a9 9 0 1 1-12.73 0"></path><line x1="12" y1="2" x2="12" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/printer.svg b/client/src/lib/feather/printer.svg
new file mode 100644
index 00000000..8a9a7ace
--- /dev/null
+++ b/client/src/lib/feather/printer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-printer"><polyline points="6 9 6 2 18 2 18 9"></polyline><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><rect x="6" y="14" width="12" height="8"></rect></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/radio.svg b/client/src/lib/feather/radio.svg
new file mode 100644
index 00000000..5abfcd13
--- /dev/null
+++ b/client/src/lib/feather/radio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-radio"><circle cx="12" cy="12" r="2"></circle><path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/refresh-ccw.svg b/client/src/lib/feather/refresh-ccw.svg
new file mode 100644
index 00000000..10cff0ec
--- /dev/null
+++ b/client/src/lib/feather/refresh-ccw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-ccw"><polyline points="1 4 1 10 7 10"></polyline><polyline points="23 20 23 14 17 14"></polyline><path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/refresh-cw.svg b/client/src/lib/feather/refresh-cw.svg
new file mode 100644
index 00000000..06c358dd
--- /dev/null
+++ b/client/src/lib/feather/refresh-cw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-refresh-cw"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/repeat.svg b/client/src/lib/feather/repeat.svg
new file mode 100644
index 00000000..c7657b08
--- /dev/null
+++ b/client/src/lib/feather/repeat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-repeat"><polyline points="17 1 21 5 17 9"></polyline><path d="M3 11V9a4 4 0 0 1 4-4h14"></path><polyline points="7 23 3 19 7 15"></polyline><path d="M21 13v2a4 4 0 0 1-4 4H3"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/rewind.svg b/client/src/lib/feather/rewind.svg
new file mode 100644
index 00000000..7b0fa3d5
--- /dev/null
+++ b/client/src/lib/feather/rewind.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rewind"><polygon points="11 19 2 12 11 5 11 19"></polygon><polygon points="22 19 13 12 22 5 22 19"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/rotate-ccw.svg b/client/src/lib/feather/rotate-ccw.svg
new file mode 100644
index 00000000..ade5dc42
--- /dev/null
+++ b/client/src/lib/feather/rotate-ccw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-ccw"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/rotate-cw.svg b/client/src/lib/feather/rotate-cw.svg
new file mode 100644
index 00000000..83dca351
--- /dev/null
+++ b/client/src/lib/feather/rotate-cw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-cw"><polyline points="23 4 23 10 17 10"></polyline><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/rss.svg b/client/src/lib/feather/rss.svg
new file mode 100644
index 00000000..c9a13684
--- /dev/null
+++ b/client/src/lib/feather/rss.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/save.svg b/client/src/lib/feather/save.svg
new file mode 100644
index 00000000..46c72990
--- /dev/null
+++ b/client/src/lib/feather/save.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-save"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/scissors.svg b/client/src/lib/feather/scissors.svg
new file mode 100644
index 00000000..fd0647ff
--- /dev/null
+++ b/client/src/lib/feather/scissors.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-scissors"><circle cx="6" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><line x1="20" y1="4" x2="8.12" y2="15.88"></line><line x1="14.47" y1="14.48" x2="20" y2="20"></line><line x1="8.12" y1="8.12" x2="12" y2="12"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/search.svg b/client/src/lib/feather/search.svg
new file mode 100644
index 00000000..8710306d
--- /dev/null
+++ b/client/src/lib/feather/search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/send.svg b/client/src/lib/feather/send.svg
new file mode 100644
index 00000000..42ef2a24
--- /dev/null
+++ b/client/src/lib/feather/send.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-send"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/server.svg b/client/src/lib/feather/server.svg
new file mode 100644
index 00000000..54ce094a
--- /dev/null
+++ b/client/src/lib/feather/server.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-server"><rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect><rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect><line x1="6" y1="6" x2="6.01" y2="6"></line><line x1="6" y1="18" x2="6.01" y2="18"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/settings.svg b/client/src/lib/feather/settings.svg
new file mode 100644
index 00000000..19c27265
--- /dev/null
+++ b/client/src/lib/feather/settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-settings"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/share-2.svg b/client/src/lib/feather/share-2.svg
new file mode 100644
index 00000000..09b1c7bc
--- /dev/null
+++ b/client/src/lib/feather/share-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-share-2"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/share.svg b/client/src/lib/feather/share.svg
new file mode 100644
index 00000000..df38c14d
--- /dev/null
+++ b/client/src/lib/feather/share.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-share"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><polyline points="16 6 12 2 8 6"></polyline><line x1="12" y1="2" x2="12" y2="15"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/shield-off.svg b/client/src/lib/feather/shield-off.svg
new file mode 100644
index 00000000..18692ddd
--- /dev/null
+++ b/client/src/lib/feather/shield-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shield-off"><path d="M19.69 14a6.9 6.9 0 0 0 .31-2V5l-8-3-3.16 1.18"></path><path d="M4.73 4.73L4 5v7c0 6 8 10 8 10a20.29 20.29 0 0 0 5.62-4.38"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/shield.svg b/client/src/lib/feather/shield.svg
new file mode 100644
index 00000000..c7c48413
--- /dev/null
+++ b/client/src/lib/feather/shield.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shield"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/shopping-bag.svg b/client/src/lib/feather/shopping-bag.svg
new file mode 100644
index 00000000..eaa39e81
--- /dev/null
+++ b/client/src/lib/feather/shopping-bag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-bag"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path><line x1="3" y1="6" x2="21" y2="6"></line><path d="M16 10a4 4 0 0 1-8 0"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/shopping-cart.svg b/client/src/lib/feather/shopping-cart.svg
new file mode 100644
index 00000000..17a40bf4
--- /dev/null
+++ b/client/src/lib/feather/shopping-cart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shopping-cart"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/shuffle.svg b/client/src/lib/feather/shuffle.svg
new file mode 100644
index 00000000..8cfb5db5
--- /dev/null
+++ b/client/src/lib/feather/shuffle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shuffle"><polyline points="16 3 21 3 21 8"></polyline><line x1="4" y1="20" x2="21" y2="3"></line><polyline points="21 16 21 21 16 21"></polyline><line x1="15" y1="15" x2="21" y2="21"></line><line x1="4" y1="4" x2="9" y2="9"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/sidebar.svg b/client/src/lib/feather/sidebar.svg
new file mode 100644
index 00000000..8ba817e6
--- /dev/null
+++ b/client/src/lib/feather/sidebar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sidebar"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="9" y1="3" x2="9" y2="21"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/skip-back.svg b/client/src/lib/feather/skip-back.svg
new file mode 100644
index 00000000..88d024e2
--- /dev/null
+++ b/client/src/lib/feather/skip-back.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-skip-back"><polygon points="19 20 9 12 19 4 19 20"></polygon><line x1="5" y1="19" x2="5" y2="5"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/skip-forward.svg b/client/src/lib/feather/skip-forward.svg
new file mode 100644
index 00000000..f3fdac3a
--- /dev/null
+++ b/client/src/lib/feather/skip-forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-skip-forward"><polygon points="5 4 15 12 5 20 5 4"></polygon><line x1="19" y1="5" x2="19" y2="19"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/slack.svg b/client/src/lib/feather/slack.svg
new file mode 100644
index 00000000..5d973466
--- /dev/null
+++ b/client/src/lib/feather/slack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-slack"><path d="M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5z"></path><path d="M20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path><path d="M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5z"></path><path d="M3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z"></path><path d="M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5z"></path><path d="M15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z"></path><path d="M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5z"></path><path d="M8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/slash.svg b/client/src/lib/feather/slash.svg
new file mode 100644
index 00000000..f4131b85
--- /dev/null
+++ b/client/src/lib/feather/slash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-slash"><circle cx="12" cy="12" r="10"></circle><line x1="4.93" y1="4.93" x2="19.07" y2="19.07"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/sliders.svg b/client/src/lib/feather/sliders.svg
new file mode 100644
index 00000000..19c93852
--- /dev/null
+++ b/client/src/lib/feather/sliders.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sliders"><line x1="4" y1="21" x2="4" y2="14"></line><line x1="4" y1="10" x2="4" y2="3"></line><line x1="12" y1="21" x2="12" y2="12"></line><line x1="12" y1="8" x2="12" y2="3"></line><line x1="20" y1="21" x2="20" y2="16"></line><line x1="20" y1="12" x2="20" y2="3"></line><line x1="1" y1="14" x2="7" y2="14"></line><line x1="9" y1="8" x2="15" y2="8"></line><line x1="17" y1="16" x2="23" y2="16"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/smartphone.svg b/client/src/lib/feather/smartphone.svg
new file mode 100644
index 00000000..0171a95a
--- /dev/null
+++ b/client/src/lib/feather/smartphone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smartphone"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/smile.svg b/client/src/lib/feather/smile.svg
new file mode 100644
index 00000000..24dc8a26
--- /dev/null
+++ b/client/src/lib/feather/smile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smile"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/speaker.svg b/client/src/lib/feather/speaker.svg
new file mode 100644
index 00000000..75d5ff9c
--- /dev/null
+++ b/client/src/lib/feather/speaker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-speaker"><rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect><circle cx="12" cy="14" r="4"></circle><line x1="12" y1="6" x2="12.01" y2="6"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/square.svg b/client/src/lib/feather/square.svg
new file mode 100644
index 00000000..6eabc77d
--- /dev/null
+++ b/client/src/lib/feather/square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/star.svg b/client/src/lib/feather/star.svg
new file mode 100644
index 00000000..bcdc31aa
--- /dev/null
+++ b/client/src/lib/feather/star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/stop-circle.svg b/client/src/lib/feather/stop-circle.svg
new file mode 100644
index 00000000..c10d9d47
--- /dev/null
+++ b/client/src/lib/feather/stop-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-stop-circle"><circle cx="12" cy="12" r="10"></circle><rect x="9" y="9" width="6" height="6"></rect></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/sun.svg b/client/src/lib/feather/sun.svg
new file mode 100644
index 00000000..7f51b94d
--- /dev/null
+++ b/client/src/lib/feather/sun.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sun"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/sunrise.svg b/client/src/lib/feather/sunrise.svg
new file mode 100644
index 00000000..eff4b1e4
--- /dev/null
+++ b/client/src/lib/feather/sunrise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sunrise"><path d="M17 18a5 5 0 0 0-10 0"></path><line x1="12" y1="2" x2="12" y2="9"></line><line x1="4.22" y1="10.22" x2="5.64" y2="11.64"></line><line x1="1" y1="18" x2="3" y2="18"></line><line x1="21" y1="18" x2="23" y2="18"></line><line x1="18.36" y1="11.64" x2="19.78" y2="10.22"></line><line x1="23" y1="22" x2="1" y2="22"></line><polyline points="8 6 12 2 16 6"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/sunset.svg b/client/src/lib/feather/sunset.svg
new file mode 100644
index 00000000..a5a22215
--- /dev/null
+++ b/client/src/lib/feather/sunset.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sunset"><path d="M17 18a5 5 0 0 0-10 0"></path><line x1="12" y1="9" x2="12" y2="2"></line><line x1="4.22" y1="10.22" x2="5.64" y2="11.64"></line><line x1="1" y1="18" x2="3" y2="18"></line><line x1="21" y1="18" x2="23" y2="18"></line><line x1="18.36" y1="11.64" x2="19.78" y2="10.22"></line><line x1="23" y1="22" x2="1" y2="22"></line><polyline points="16 5 12 9 8 5"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/table.svg b/client/src/lib/feather/table.svg
new file mode 100644
index 00000000..679bd570
--- /dev/null
+++ b/client/src/lib/feather/table.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-table"><path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/tablet.svg b/client/src/lib/feather/tablet.svg
new file mode 100644
index 00000000..9c80b40a
--- /dev/null
+++ b/client/src/lib/feather/tablet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tablet"><rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/tag.svg b/client/src/lib/feather/tag.svg
new file mode 100644
index 00000000..7219b15f
--- /dev/null
+++ b/client/src/lib/feather/tag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path><line x1="7" y1="7" x2="7.01" y2="7"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/target.svg b/client/src/lib/feather/target.svg
new file mode 100644
index 00000000..be84b17c
--- /dev/null
+++ b/client/src/lib/feather/target.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/terminal.svg b/client/src/lib/feather/terminal.svg
new file mode 100644
index 00000000..af459c04
--- /dev/null
+++ b/client/src/lib/feather/terminal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-terminal"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/thermometer.svg b/client/src/lib/feather/thermometer.svg
new file mode 100644
index 00000000..33142ccc
--- /dev/null
+++ b/client/src/lib/feather/thermometer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-thermometer"><path d="M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/thumbs-down.svg b/client/src/lib/feather/thumbs-down.svg
new file mode 100644
index 00000000..3e7bcd6d
--- /dev/null
+++ b/client/src/lib/feather/thumbs-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-thumbs-down"><path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/thumbs-up.svg b/client/src/lib/feather/thumbs-up.svg
new file mode 100644
index 00000000..226c44d8
--- /dev/null
+++ b/client/src/lib/feather/thumbs-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-thumbs-up"><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/toggle-left.svg b/client/src/lib/feather/toggle-left.svg
new file mode 100644
index 00000000..240be290
--- /dev/null
+++ b/client/src/lib/feather/toggle-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-toggle-left"><rect x="1" y="5" width="22" height="14" rx="7" ry="7"></rect><circle cx="8" cy="12" r="3"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/toggle-right.svg b/client/src/lib/feather/toggle-right.svg
new file mode 100644
index 00000000..fc6e81c1
--- /dev/null
+++ b/client/src/lib/feather/toggle-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-toggle-right"><rect x="1" y="5" width="22" height="14" rx="7" ry="7"></rect><circle cx="16" cy="12" r="3"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/tool.svg b/client/src/lib/feather/tool.svg
new file mode 100644
index 00000000..f3cbf3d9
--- /dev/null
+++ b/client/src/lib/feather/tool.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tool"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/trash-2.svg b/client/src/lib/feather/trash-2.svg
new file mode 100644
index 00000000..f24d55bf
--- /dev/null
+++ b/client/src/lib/feather/trash-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash-2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/trash.svg b/client/src/lib/feather/trash.svg
new file mode 100644
index 00000000..55650bd4
--- /dev/null
+++ b/client/src/lib/feather/trash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/trello.svg b/client/src/lib/feather/trello.svg
new file mode 100644
index 00000000..b2f599b6
--- /dev/null
+++ b/client/src/lib/feather/trello.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trello"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><rect x="7" y="7" width="3" height="9"></rect><rect x="14" y="7" width="3" height="5"></rect></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/trending-down.svg b/client/src/lib/feather/trending-down.svg
new file mode 100644
index 00000000..a9d4cfa5
--- /dev/null
+++ b/client/src/lib/feather/trending-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trending-down"><polyline points="23 18 13.5 8.5 8.5 13.5 1 6"></polyline><polyline points="17 18 23 18 23 12"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/trending-up.svg b/client/src/lib/feather/trending-up.svg
new file mode 100644
index 00000000..52026a4d
--- /dev/null
+++ b/client/src/lib/feather/trending-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trending-up"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/triangle.svg b/client/src/lib/feather/triangle.svg
new file mode 100644
index 00000000..274b6528
--- /dev/null
+++ b/client/src/lib/feather/triangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-triangle"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/truck.svg b/client/src/lib/feather/truck.svg
new file mode 100644
index 00000000..33898373
--- /dev/null
+++ b/client/src/lib/feather/truck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-truck"><rect x="1" y="3" width="15" height="13"></rect><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon><circle cx="5.5" cy="18.5" r="2.5"></circle><circle cx="18.5" cy="18.5" r="2.5"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/tv.svg b/client/src/lib/feather/tv.svg
new file mode 100644
index 00000000..955bbfff
--- /dev/null
+++ b/client/src/lib/feather/tv.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tv"><rect x="2" y="7" width="20" height="15" rx="2" ry="2"></rect><polyline points="17 2 12 7 7 2"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/twitch.svg b/client/src/lib/feather/twitch.svg
new file mode 100644
index 00000000..17062495
--- /dev/null
+++ b/client/src/lib/feather/twitch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitch"><path d="M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/twitter.svg b/client/src/lib/feather/twitter.svg
new file mode 100644
index 00000000..f8886eca
--- /dev/null
+++ b/client/src/lib/feather/twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/type.svg b/client/src/lib/feather/type.svg
new file mode 100644
index 00000000..c6b2de33
--- /dev/null
+++ b/client/src/lib/feather/type.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-type"><polyline points="4 7 4 4 20 4 20 7"></polyline><line x1="9" y1="20" x2="15" y2="20"></line><line x1="12" y1="4" x2="12" y2="20"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/umbrella.svg b/client/src/lib/feather/umbrella.svg
new file mode 100644
index 00000000..dc77c0cb
--- /dev/null
+++ b/client/src/lib/feather/umbrella.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-umbrella"><path d="M23 12a11.05 11.05 0 0 0-22 0zm-5 7a3 3 0 0 1-6 0v-7"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/underline.svg b/client/src/lib/feather/underline.svg
new file mode 100644
index 00000000..044945d4
--- /dev/null
+++ b/client/src/lib/feather/underline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-underline"><path d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3"></path><line x1="4" y1="21" x2="20" y2="21"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/unlock.svg b/client/src/lib/feather/unlock.svg
new file mode 100644
index 00000000..01dc3597
--- /dev/null
+++ b/client/src/lib/feather/unlock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-unlock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 9.9-1"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/upload-cloud.svg b/client/src/lib/feather/upload-cloud.svg
new file mode 100644
index 00000000..a1db297c
--- /dev/null
+++ b/client/src/lib/feather/upload-cloud.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-upload-cloud"><polyline points="16 16 12 12 8 16"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"></path><polyline points="16 16 12 12 8 16"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/upload.svg b/client/src/lib/feather/upload.svg
new file mode 100644
index 00000000..91eaff75
--- /dev/null
+++ b/client/src/lib/feather/upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-upload"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/user-check.svg b/client/src/lib/feather/user-check.svg
new file mode 100644
index 00000000..42f91b29
--- /dev/null
+++ b/client/src/lib/feather/user-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-check"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><polyline points="17 11 19 13 23 9"></polyline></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/user-minus.svg b/client/src/lib/feather/user-minus.svg
new file mode 100644
index 00000000..44b75f5a
--- /dev/null
+++ b/client/src/lib/feather/user-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-minus"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="23" y1="11" x2="17" y2="11"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/user-plus.svg b/client/src/lib/feather/user-plus.svg
new file mode 100644
index 00000000..21460f6e
--- /dev/null
+++ b/client/src/lib/feather/user-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-plus"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="20" y1="8" x2="20" y2="14"></line><line x1="23" y1="11" x2="17" y2="11"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/user-x.svg b/client/src/lib/feather/user-x.svg
new file mode 100644
index 00000000..0c41a481
--- /dev/null
+++ b/client/src/lib/feather/user-x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-x"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="18" y1="8" x2="23" y2="13"></line><line x1="23" y1="8" x2="18" y2="13"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/user.svg b/client/src/lib/feather/user.svg
new file mode 100644
index 00000000..7bb5f291
--- /dev/null
+++ b/client/src/lib/feather/user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/users.svg b/client/src/lib/feather/users.svg
new file mode 100644
index 00000000..aacf6b08
--- /dev/null
+++ b/client/src/lib/feather/users.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/video-off.svg b/client/src/lib/feather/video-off.svg
new file mode 100644
index 00000000..08ec6973
--- /dev/null
+++ b/client/src/lib/feather/video-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-video-off"><path d="M16 16v1a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2m5.66 0H14a2 2 0 0 1 2 2v3.34l1 1L23 7v10"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/video.svg b/client/src/lib/feather/video.svg
new file mode 100644
index 00000000..8ff156aa
--- /dev/null
+++ b/client/src/lib/feather/video.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-video"><polygon points="23 7 16 12 23 17 23 7"></polygon><rect x="1" y="5" width="15" height="14" rx="2" ry="2"></rect></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/voicemail.svg b/client/src/lib/feather/voicemail.svg
new file mode 100644
index 00000000..5d78a8e7
--- /dev/null
+++ b/client/src/lib/feather/voicemail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-voicemail"><circle cx="5.5" cy="11.5" r="4.5"></circle><circle cx="18.5" cy="11.5" r="4.5"></circle><line x1="5.5" y1="16" x2="18.5" y2="16"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/volume-1.svg b/client/src/lib/feather/volume-1.svg
new file mode 100644
index 00000000..150e875f
--- /dev/null
+++ b/client/src/lib/feather/volume-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-volume-1"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/volume-2.svg b/client/src/lib/feather/volume-2.svg
new file mode 100644
index 00000000..03d521c7
--- /dev/null
+++ b/client/src/lib/feather/volume-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-volume-2"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/volume-x.svg b/client/src/lib/feather/volume-x.svg
new file mode 100644
index 00000000..be442406
--- /dev/null
+++ b/client/src/lib/feather/volume-x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-volume-x"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><line x1="23" y1="9" x2="17" y2="15"></line><line x1="17" y1="9" x2="23" y2="15"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/volume.svg b/client/src/lib/feather/volume.svg
new file mode 100644
index 00000000..53bfe15e
--- /dev/null
+++ b/client/src/lib/feather/volume.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-volume"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/watch.svg b/client/src/lib/feather/watch.svg
new file mode 100644
index 00000000..a1099da3
--- /dev/null
+++ b/client/src/lib/feather/watch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-watch"><circle cx="12" cy="12" r="7"></circle><polyline points="12 9 12 12 13.5 13.5"></polyline><path d="M16.51 17.35l-.35 3.83a2 2 0 0 1-2 1.82H9.83a2 2 0 0 1-2-1.82l-.35-3.83m.01-10.7l.35-3.83A2 2 0 0 1 9.83 1h4.35a2 2 0 0 1 2 1.82l.35 3.83"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/wifi-off.svg b/client/src/lib/feather/wifi-off.svg
new file mode 100644
index 00000000..35eae43b
--- /dev/null
+++ b/client/src/lib/feather/wifi-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-wifi-off"><line x1="1" y1="1" x2="23" y2="23"></line><path d="M16.72 11.06A10.94 10.94 0 0 1 19 12.55"></path><path d="M5 12.55a10.94 10.94 0 0 1 5.17-2.39"></path><path d="M10.71 5.05A16 16 0 0 1 22.58 9"></path><path d="M1.42 9a15.91 15.91 0 0 1 4.7-2.88"></path><path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path><line x1="12" y1="20" x2="12.01" y2="20"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/wifi.svg b/client/src/lib/feather/wifi.svg
new file mode 100644
index 00000000..748c285e
--- /dev/null
+++ b/client/src/lib/feather/wifi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-wifi"><path d="M5 12.55a11 11 0 0 1 14.08 0"></path><path d="M1.42 9a16 16 0 0 1 21.16 0"></path><path d="M8.53 16.11a6 6 0 0 1 6.95 0"></path><line x1="12" y1="20" x2="12.01" y2="20"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/wind.svg b/client/src/lib/feather/wind.svg
new file mode 100644
index 00000000..82b36468
--- /dev/null
+++ b/client/src/lib/feather/wind.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-wind"><path d="M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2"></path></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/x-circle.svg b/client/src/lib/feather/x-circle.svg
new file mode 100644
index 00000000..94aad5e5
--- /dev/null
+++ b/client/src/lib/feather/x-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/x-octagon.svg b/client/src/lib/feather/x-octagon.svg
new file mode 100644
index 00000000..85431985
--- /dev/null
+++ b/client/src/lib/feather/x-octagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-octagon"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/x-square.svg b/client/src/lib/feather/x-square.svg
new file mode 100644
index 00000000..7677c387
--- /dev/null
+++ b/client/src/lib/feather/x-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="9" y1="9" x2="15" y2="15"></line><line x1="15" y1="9" x2="9" y2="15"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/x.svg b/client/src/lib/feather/x.svg
new file mode 100644
index 00000000..7d5875ca
--- /dev/null
+++ b/client/src/lib/feather/x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/youtube.svg b/client/src/lib/feather/youtube.svg
new file mode 100644
index 00000000..c4824385
--- /dev/null
+++ b/client/src/lib/feather/youtube.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-youtube"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/zap-off.svg b/client/src/lib/feather/zap-off.svg
new file mode 100644
index 00000000..c636f8bb
--- /dev/null
+++ b/client/src/lib/feather/zap-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zap-off"><polyline points="12.41 6.75 13 2 10.57 4.92"></polyline><polyline points="18.57 12.91 21 10 15.66 10"></polyline><polyline points="8 8 3 14 12 14 11 22 16 16"></polyline><line x1="1" y1="1" x2="23" y2="23"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/zap.svg b/client/src/lib/feather/zap.svg
new file mode 100644
index 00000000..8fdafa93
--- /dev/null
+++ b/client/src/lib/feather/zap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zap"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/zoom-in.svg b/client/src/lib/feather/zoom-in.svg
new file mode 100644
index 00000000..da4572d2
--- /dev/null
+++ b/client/src/lib/feather/zoom-in.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zoom-in"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="11" y1="8" x2="11" y2="14"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/feather/zoom-out.svg b/client/src/lib/feather/zoom-out.svg
new file mode 100644
index 00000000..fd678d72
--- /dev/null
+++ b/client/src/lib/feather/zoom-out.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zoom-out"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg>
\ No newline at end of file
diff --git a/client/src/lib/form/Button.svelte b/client/src/lib/form/Button.svelte
index 607975ad..2fae1766 100644
--- a/client/src/lib/form/Button.svelte
+++ b/client/src/lib/form/Button.svelte
@@ -1,11 +1,30 @@
 <script lang="ts">
-    export let type: "button" | "submit" = "button";
+    import LoadingComponent from "$lib/components/LoadingComponent.svelte";
+
+    export let type: "button" | "submit" = "submit";
+    export let loading = false;
+    export let variant: "primary" | "secondary" | "error" = "primary";
+    export let form: string | undefined = undefined;
 </script>
 
 <button
+    {form}
     on:click
     {type}
-    class="w-full h-10 flex flex-row gap-4 justify-center items-center rounded px-4 py-2 shadow-md font-semibold bg-slate-600 hover:bg-slate-500 transition text-gray-200"
+    disabled={loading}
+    class={"w-full h-10 flex flex-row gap-3 justify-center items-center rounded px-4 py-2 shadow-md font-semibold hover:opacity-80 transition " +
+        (variant === "primary" ? " bg-secondary-700" : "") +
+        (variant === "secondary" ? " bg-primary-800" : "") +
+        (variant === "error" ? " bg-error-600" : "")}
 >
+    {#if loading}
+        <div class="w-4 h-4 flex justify-center items-center">
+            <LoadingComponent />
+        </div>
+    {:else if $$slots.icon}
+        <div class="w-4 h-4 flex justify-center items-center">
+            <slot name="icon" />
+        </div>
+    {/if}
     <slot />
 </button>
diff --git a/client/src/lib/form/FileInput.svelte b/client/src/lib/form/FileInput.svelte
new file mode 100644
index 00000000..c01a7598
--- /dev/null
+++ b/client/src/lib/form/FileInput.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+    export let name: string;
+    export let label: string;
+</script>
+
+<label class="block">
+    <span class="sr-only">{label}</span>
+    <input
+        type="file"
+        {name}
+        class="block w-full text-sm text-gray-300 transition
+      file:h-10 file:mr-4 file:py-2 file:px-4
+      file:rounded-md file:border-0
+      file:font-semibold file:text-base
+      file:bg-primary-800 file:text-white
+      hover:file:opacity-80 hover:file:cursor-pointer
+    "
+    />
+</label>
diff --git a/client/src/lib/form/Input.svelte b/client/src/lib/form/Input.svelte
index 9db2303d..8303d8d3 100644
--- a/client/src/lib/form/Input.svelte
+++ b/client/src/lib/form/Input.svelte
@@ -2,8 +2,10 @@
     export let value: string;
     export let name: string;
     export let type: "email" | "text" | "password" = "text";
+    export let label = "";
     export let placeholder = "";
     export let errors: string[] = [];
+    export let textarea = false;
 
     $: haveErrors = errors.length > 0;
     function typeAction(node: HTMLInputElement) {
@@ -11,15 +13,35 @@
     }
 </script>
 
-<div class="w-full">
-    <input
-        {name}
-        use:typeAction
-        {placeholder}
-        bind:value
-        class={`rounded px-4 py-2 bg-slate-600 text-gray-200 shadow-inner3 w-full transition ${
-            haveErrors ? "ring-1 ring-red-500" : ""
-        }`}
-    />
-    <p class="text-red-500 text-sm h-4 mt-1">{haveErrors ? errors[0] : ""}</p>
+<div class="w-full flex flex-col">
+    {#if label}
+        <label class="text-gray-200 h-5 flex items-center" for={name}>
+            {label}
+        </label>
+    {/if}
+    {#if !textarea}
+        <input
+            {name}
+            use:typeAction
+            {placeholder}
+            bind:value
+            class={`rounded px-4 py-2 bg-slate-600 border-primary-700 focus:ring-1 focus:ring-slate-800 shadow-inner w-full ${
+                haveErrors ? "ring-1 ring-error-500" : ""
+            }`}
+        />
+    {:else}
+        <textarea
+            rows="5"
+            {name}
+            {placeholder}
+            bind:value
+            class={`rounded px-4 py-2 bg-slate-600 border-primary-700 focus:ring-1 focus:ring-slate-800 shadow-inner w-full ${
+                haveErrors ? "ring-1 ring-error-500" : ""
+            }`}
+        />
+    {/if}
+
+    <p class="text-error-500 text-sm h-5 flex items-baseline">
+        {haveErrors ? errors[0] : ""}
+    </p>
 </div>
diff --git a/client/src/lib/icons/AvatarIcon.svelte b/client/src/lib/icons/AvatarIcon.svelte
new file mode 100644
index 00000000..75f9e50b
--- /dev/null
+++ b/client/src/lib/icons/AvatarIcon.svelte
@@ -0,0 +1,19 @@
+<svg
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    x="0px"
+    y="0px"
+    viewBox="0 0 1000 1000"
+    enable-background="new 0 0 1000 1000"
+    xml:space="preserve"
+>
+    <metadata>Svg Vector Icons : http://www.onlinewebfonts.com/icon</metadata>
+    <g>
+        <path
+            fill="currentColor"
+            d="M990,946.9L990,946.9c0-0.1,0-0.1,0-0.2c-0.1-4.1-0.9-8.1-2.2-11.8C953,761.5,828.1,620.7,664,563.5c81.8-53.5,135.8-145.9,135.8-250.9C799.8,147,665.6,12.8,500,12.8c-165.6,0-299.8,134.2-299.8,299.8c0,105,54,197.4,135.8,250.9C171.9,620.7,47,761.5,12.3,934.9c-1.3,3.7-2.1,7.7-2.2,11.8c0,0.1,0,0.1,0,0.2h0c0,0.4,0,0.7,0,1.1c0,21.6,17.5,39.2,39.2,39.2s39.2-17.5,39.2-39.2c0-0.4,0-0.8,0-1.1h0.8C129,756.5,297.8,613.5,500,613.5c202.2,0,371,143,410.8,333.4h0.8c0,0.4,0,0.7,0,1.1c0,21.6,17.5,39.2,39.2,39.2c21.6,0,39.2-17.5,39.2-39.2C990,947.7,990,947.3,990,946.9z M276.8,312.5c0-123.3,99.9-223.2,223.2-223.2s223.2,99.9,223.2,223.2S623.3,535.8,500,535.8S276.8,435.8,276.8,312.5z"
+        />
+    </g>
+</svg>
+
diff --git a/client/src/lib/icons/BearIcon.svelte b/client/src/lib/icons/BearIcon.svelte
new file mode 100644
index 00000000..6c728200
--- /dev/null
+++ b/client/src/lib/icons/BearIcon.svelte
@@ -0,0 +1,293 @@
+<svg
+    version="1.1"
+    id="Layer_1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    x="0px"
+    y="0px"
+    width="100%"
+    viewBox="0 0 640 640"
+    enable-background="new 0 0 640 640"
+    xml:space="preserve"
+>
+    <path
+        fill="currentColor"
+        d="
+M80.601700,111.666328 
+	C88.125565,98.278076 95.484596,85.220123 102.824142,72.151230 
+	C105.663666,67.095139 107.336563,66.512962 112.322502,69.684731 
+	C140.009583,87.297646 167.646164,104.989914 195.298492,122.657455 
+	C198.385284,124.629654 201.773209,126.265694 204.485077,128.664108 
+	C212.438156,135.697968 221.594025,135.393860 231.260681,134.216446 
+	C243.313599,132.748337 255.439636,131.872177 267.539124,130.796967 
+	C282.776215,129.442902 298.080475,128.628281 313.239410,126.676971 
+	C326.157104,125.014183 338.808258,126.483292 351.560059,127.661621 
+	C370.278015,129.391266 389.000580,131.073303 407.728363,132.692734 
+	C417.177704,133.509842 426.644897,134.118561 436.099518,134.877304 
+	C439.049957,135.114075 441.525085,134.323074 444.059296,132.696274 
+	C476.434143,111.913643 508.860352,91.210876 541.312378,70.548805 
+	C548.369568,66.055519 549.172241,66.360115 553.153687,73.475388 
+	C569.173950,102.105324 585.114807,130.780518 601.319458,159.305817 
+	C603.992188,164.010681 604.229858,167.926956 601.790710,172.774750 
+	C591.089722,194.042435 580.972168,215.608307 570.002930,236.733688 
+	C566.437500,243.600174 565.630554,249.866852 567.630554,257.175110 
+	C573.864990,279.956604 579.828003,302.813141 585.780884,325.670624 
+	C592.152710,350.136475 598.350952,374.647583 604.742615,399.108154 
+	C605.594543,402.368378 604.203247,404.524017 602.357422,406.777100 
+	C588.319885,423.912079 574.334595,441.089996 560.272766,458.205048 
+	C537.646240,485.744537 514.969910,513.243103 492.322205,540.765137 
+	C485.125366,549.510864 477.913422,558.244812 470.791290,567.051147 
+	C468.498383,569.886353 465.718903,571.609619 462.197021,572.623352 
+	C425.412903,583.212036 388.653961,593.888367 351.898254,604.575500 
+	C344.870972,606.618652 337.882050,608.794861 330.888641,610.952332 
+	C328.942993,611.552551 327.078613,611.859192 325.030090,611.253418 
+	C295.505096,602.522766 265.973297,593.814880 236.427475,585.155090 
+	C222.535980,581.083496 208.637283,577.031067 194.686371,573.170349 
+	C190.005432,571.875061 186.412659,569.632263 183.314117,565.728516 
+	C142.716446,514.580383 102.122154,463.427551 61.100082,412.620605 
+	C55.244064,405.367706 53.855736,399.150940 56.411827,390.151947 
+	C61.584457,371.941193 65.242645,353.301727 69.580132,334.851929 
+	C75.403992,310.079681 80.570610,285.120605 87.442680,260.641296 
+	C90.710007,249.002563 87.059326,240.092102 82.184509,230.496780 
+	C72.152229,210.749786 62.557350,190.780746 52.556267,171.017548 
+	C50.741806,167.431992 50.900124,164.611816 52.813229,161.242508 
+	C62.106369,144.875641 71.239365,128.417847 80.601700,111.666328 
+M470.468140,392.969635 
+	C459.629272,375.190704 448.776215,357.420380 437.970642,339.621277 
+	C436.713257,337.550049 435.032196,336.040314 432.974365,334.860138 
+	C420.113525,327.484344 407.253235,320.107513 394.398438,312.721161 
+	C387.466583,308.738190 380.524780,304.771637 373.634064,300.718445 
+	C371.748505,299.609344 369.860626,298.180725 370.196167,295.654419 
+	C370.551880,292.976013 372.698029,291.886414 375.060150,291.241455 
+	C375.860199,291.023010 376.700989,290.958649 377.512939,290.778046 
+	C396.667908,286.517670 415.839203,282.328064 434.965820,277.943695 
+	C441.640381,276.413666 443.260376,277.075195 444.683411,283.954102 
+	C447.007385,295.188019 449.030060,306.484009 451.300995,317.729370 
+	C451.922333,320.806061 451.861359,324.116272 453.547852,326.887451 
+	C465.583557,346.663727 477.656860,366.417206 489.784973,386.136902 
+	C490.687561,387.604492 491.437347,389.761414 493.707031,389.502014 
+	C496.177551,389.219666 496.517151,386.818878 497.126984,385.025024 
+	C502.537628,369.108337 507.841766,353.155518 513.194275,337.219055 
+	C522.363098,309.920258 531.318359,282.545837 540.909668,255.396225 
+	C542.838318,249.936981 541.646118,246.966003 537.863037,243.376999 
+	C508.499298,215.519363 479.242523,187.548538 450.053162,159.508133 
+	C447.083160,156.655029 444.789368,155.894287 441.015900,158.331711 
+	C407.854797,179.751755 374.587769,201.008026 341.306305,222.241074 
+	C338.444122,224.067108 337.324371,226.349091 337.336212,229.682678 
+	C337.414368,251.681885 337.439148,273.681854 337.316895,295.680664 
+	C337.295837,299.464539 338.719696,301.885651 341.827179,303.880646 
+	C365.376770,318.999573 388.760529,334.380768 412.466095,349.249481 
+	C417.524597,352.422272 419.449890,355.842560 419.414246,361.703064 
+	C419.181885,399.867462 419.257751,438.033691 419.243011,476.199341 
+	C419.242523,477.530151 419.153351,478.906525 419.449066,480.182007 
+	C419.996002,482.541107 421.484344,483.172272 423.486237,481.675476 
+	C424.542358,480.885803 425.435211,479.861450 426.335388,478.882050 
+	C444.708832,458.891632 463.045715,438.867401 481.474182,418.927826 
+	C483.661194,416.561523 483.875549,414.613403 482.109192,411.893158 
+	C478.209503,405.887543 474.586914,399.701996 470.468140,392.969635 
+M180.501053,399.937256 
+	C178.069839,403.917114 175.727875,407.955322 173.177795,411.857513 
+	C171.302795,414.726654 171.788330,416.869446 174.092773,419.352905 
+	C187.122559,433.394806 200.003891,447.574371 212.950439,461.693604 
+	C218.804123,468.077423 224.680267,474.440765 230.575851,480.785889 
+	C231.464539,481.742310 232.401321,482.900665 233.963028,482.406067 
+	C235.744308,481.841949 235.853027,480.266663 235.913559,478.739410 
+	C235.953140,477.740967 235.923981,476.739807 235.924118,475.739868 
+	C235.929352,437.407654 236.015091,399.075073 235.842728,360.743652 
+	C235.819824,355.651520 237.436340,352.532776 241.788925,349.779785 
+	C265.436920,334.822632 288.877869,319.538513 312.442719,304.449158 
+	C316.143616,302.079346 317.826630,299.214691 317.779175,294.616302 
+	C317.557251,273.119141 317.594696,251.617874 317.748352,230.119568 
+	C317.776794,226.142258 316.430573,223.718689 313.054321,221.611877 
+	C299.065247,212.882614 285.227173,203.910995 271.350891,195.001495 
+	C252.847153,183.120911 234.364105,171.208069 215.860657,159.327026 
+	C212.422409,157.119354 209.452621,155.263947 205.365143,159.212418 
+	C175.659378,187.908218 145.749023,216.392593 115.824890,244.861359 
+	C113.238625,247.321838 112.205276,249.579865 113.449707,253.156082 
+	C118.699181,268.241913 123.723930,283.405853 128.842407,298.537323 
+	C138.546219,327.224182 148.250946,355.910797 157.981613,384.588531 
+	C158.650009,386.558350 158.736664,389.249329 161.470779,389.509369 
+	C163.905792,389.740936 164.626587,387.347229 165.634644,385.707855 
+	C176.715988,367.686890 187.705536,349.609222 198.843933,331.623718 
+	C201.064468,328.038147 202.900482,324.426758 203.585144,320.220367 
+	C205.615570,307.745850 207.714111,295.282135 209.853546,282.825806 
+	C210.697479,277.912170 213.089737,276.544586 218.052612,277.650604 
+	C229.078140,280.107727 240.124573,282.470978 251.160629,284.880981 
+	C260.591400,286.940399 270.026398,288.981476 279.444489,291.097626 
+	C281.950378,291.660675 284.417969,292.652527 284.894836,295.550293 
+	C285.352325,298.330322 283.180908,299.660767 281.166321,300.913940 
+	C280.317871,301.441711 279.432709,301.910187 278.566467,302.409515 
+	C259.951996,313.138733 241.336975,323.867035 222.724762,334.600189 
+	C220.698425,335.768738 218.842163,337.041901 217.557480,339.159180 
+	C205.374847,359.237488 193.123734,379.274231 180.501053,399.937256 
+M284.500183,483.077271 
+	C293.659363,483.164978 302.818726,483.237305 311.977631,483.348083 
+	C315.605682,483.391998 317.669861,481.854187 317.655090,478.038269 
+	C317.644135,475.206329 317.475830,472.361145 317.689911,469.545624 
+	C317.973755,465.812378 316.521423,463.770325 312.900055,462.539581 
+	C304.707214,459.755188 296.693359,456.444031 288.500427,453.659851 
+	C284.889191,452.432678 283.604523,450.396637 283.642395,446.669617 
+	C283.786224,432.510895 283.813965,418.348328 283.635162,404.190399 
+	C283.573578,399.312958 285.782837,397.752472 290.294159,397.764160 
+	C315.282501,397.828735 340.271149,397.804047 365.259613,397.755341 
+	C369.788910,397.746521 372.144409,399.822937 372.153687,404.353027 
+	C372.182312,418.346466 372.145844,432.339996 372.178101,446.333435 
+	C372.187073,450.218323 370.354004,452.372467 366.653961,453.582825 
+	C360.492218,455.598419 354.408478,457.875549 348.372498,460.247650 
+	C336.408905,464.949280 336.471191,465.004242 337.391479,477.977081 
+	C337.666748,481.857147 339.328796,483.487671 343.416962,483.434540 
+	C360.069550,483.217957 376.728088,483.094086 393.378693,483.334625 
+	C397.762329,483.397888 399.006226,481.719177 399.001678,477.862976 
+	C398.958771,441.379822 398.931946,404.896667 398.963104,368.413513 
+	C398.965515,365.611053 397.929810,363.846161 395.546967,362.321564 
+	C374.089264,348.592743 352.666046,334.808929 331.333191,320.887207 
+	C328.460541,319.012512 326.311066,319.255524 323.625397,320.997772 
+	C302.253418,334.862000 280.846161,348.672302 259.384125,362.396576 
+	C257.149902,363.825317 256.169525,365.436401 256.172821,368.051422 
+	C256.219116,404.701233 256.241394,441.351196 256.163544,478.000916 
+	C256.154510,482.257050 258.244141,483.579437 262.028015,483.494141 
+	C269.184937,483.332794 276.342834,483.214783 284.500183,483.077271 
+M444.313843,488.791077 
+	C434.416534,499.588226 424.527100,510.392609 414.620178,521.180908 
+	C398.857391,538.346130 383.066132,555.485291 367.342377,572.686157 
+	C365.955109,574.203796 363.847321,575.951233 365.387512,578.295105 
+	C366.841492,580.507690 369.151520,579.010803 370.898102,578.502930 
+	C398.047668,570.608398 425.164337,562.600708 452.297211,554.648499 
+	C454.764374,553.925415 456.749542,552.738281 458.434082,550.683472 
+	C490.413025,511.674469 522.452454,472.714996 554.473267,433.740326 
+	C557.960022,429.496307 561.423706,425.233124 564.867065,420.953888 
+	C565.694275,419.925903 566.651306,418.832520 565.756470,417.377594 
+	C564.932129,416.037506 563.560669,415.990387 562.207642,416.118652 
+	C561.051025,416.228302 559.906738,416.470093 558.757751,416.658081 
+	C543.008362,419.234253 527.249573,421.754883 511.515594,424.421661 
+	C506.644226,425.247345 501.851654,425.957245 498.093628,430.115143 
+	C480.460480,449.624664 462.597717,468.926697 444.313843,488.791077 
+M191.565826,543.962036 
+	C195.093231,547.583862 196.898163,552.939758 202.415527,554.558838 
+	C223.964096,560.882446 245.501129,567.245361 267.048096,573.574463 
+	C273.110992,575.355347 279.186310,577.095276 285.271667,578.797546 
+	C286.657898,579.185364 288.283752,579.988098 289.343384,578.292725 
+	C290.382507,576.630249 289.645325,575.088318 288.535156,573.720642 
+	C287.906097,572.945679 287.229706,572.207825 286.554260,571.471985 
+	C275.068970,558.960876 263.576569,546.456238 252.093475,533.943115 
+	C220.234695,499.226562 188.360962,464.523651 156.564362,429.750275 
+	C154.427689,427.413544 152.148285,425.899261 149.027344,425.364929 
+	C131.656677,422.390778 114.300804,419.330383 96.936798,416.317139 
+	C95.441818,416.057709 93.837624,415.855591 92.925667,417.465088 
+	C91.833183,419.393158 93.449867,420.584961 94.427109,421.819183 
+	C103.833900,433.699646 113.287872,445.542725 122.721909,457.401642 
+	C145.525330,486.066345 168.325302,514.733704 191.565826,543.962036 
+M306.826508,147.333237 
+	C289.106445,148.960541 271.386261,150.586761 253.666412,152.216675 
+	C251.746323,152.393295 249.293289,151.778351 248.550583,154.267685 
+	C247.713333,157.073837 250.287704,157.856308 252.051666,158.983887 
+	C275.054962,173.687912 298.120331,188.296066 321.023621,203.154114 
+	C325.399567,205.992935 328.836426,206.685806 333.551971,203.573792 
+	C351.473969,191.746185 369.670166,180.334229 387.758423,168.758362 
+	C393.227173,165.258514 398.698242,161.761536 404.123169,158.194641 
+	C405.479889,157.302612 407.148560,156.328491 406.411163,154.260498 
+	C405.818298,152.597977 404.221069,152.395721 402.685852,152.297699 
+	C400.360352,152.149231 398.031525,152.047012 395.708405,151.868851 
+	C366.425873,149.623047 337.322754,143.952026 306.826508,147.333237 
+M506.065521,185.428284 
+	C515.652283,194.676453 525.207214,203.958023 534.855408,213.141708 
+	C536.571838,214.775467 538.014282,217.933594 540.738098,216.966171 
+	C543.938599,215.829376 542.430359,212.373032 542.678284,209.859955 
+	C542.775757,208.871307 542.721008,207.859146 542.650757,206.863678 
+	C540.976562,183.123932 539.235596,159.391403 538.555725,135.590530 
+	C538.261292,125.282959 537.401428,114.990814 536.756348,104.694298 
+	C536.422363,99.363190 534.757202,98.511154 530.268005,101.323982 
+	C526.739868,103.534615 523.240417,105.791199 519.732056,108.033218 
+	C502.893188,118.794136 486.036682,129.527557 469.229370,140.337570 
+	C464.305817,143.504272 464.022522,145.361954 467.602753,148.775879 
+	C480.249146,160.834808 492.906799,172.881866 506.065521,185.428284 
+M175.561584,160.045090 
+	C178.957703,156.856598 182.354263,153.668610 185.749817,150.479523 
+	C191.717117,144.875061 191.686295,143.989090 184.799133,139.576416 
+	C165.183136,127.008240 145.545761,114.473198 125.866776,102.004059 
+	C124.186287,100.939262 122.680740,98.505539 120.192085,100.001480 
+	C117.778496,101.452316 118.394478,104.093376 118.293785,106.360588 
+	C117.806709,117.326736 117.519585,128.304077 116.871429,139.260300 
+	C115.448196,163.318207 113.834389,187.364807 112.353439,211.419418 
+	C112.236511,213.318726 111.680466,215.652908 114.192833,216.579025 
+	C116.309998,217.359497 117.581345,215.692413 118.881042,214.445679 
+	C137.609894,196.480026 156.325211,178.500259 175.561584,160.045090 
+M571.633789,350.788727 
+	C566.718933,331.981659 561.865662,313.158020 556.815796,294.387299 
+	C556.141785,291.881836 556.575745,287.713440 552.990601,287.651154 
+	C549.553772,287.591461 549.551025,291.760651 548.704468,294.200409 
+	C543.690918,308.649323 539.018066,323.215912 534.136047,337.711060 
+	C527.397522,357.718201 520.548218,377.688080 513.809021,397.695007 
+	C512.304382,402.161926 513.998047,404.043671 518.614136,403.246460 
+	C523.201050,402.454315 527.763794,401.519318 532.356628,400.765411 
+	C547.434875,398.290283 562.527466,395.902496 577.600952,393.399261 
+	C580.689392,392.886414 582.215332,391.280029 581.266235,387.754456 
+	C578.026733,375.721588 574.974854,363.638184 571.633789,350.788727 
+M78.728798,383.090607 
+	C78.373032,384.713074 78.087753,386.354950 77.647011,387.953979 
+	C76.693939,391.411713 78.432846,392.986572 81.527931,393.525604 
+	C100.031761,396.748291 118.538216,399.956299 137.051559,403.123779 
+	C141.332825,403.856262 142.771423,402.254700 141.431259,398.249908 
+	C129.978806,364.026672 118.523102,329.804352 106.951744,295.621246 
+	C106.168343,293.306976 106.227127,289.418488 102.856056,289.564941 
+	C99.552422,289.708466 99.786293,293.504242 99.215431,295.916138 
+	C92.403694,324.696198 85.707642,353.503662 78.728798,383.090607 
+M393.147766,514.718506 
+	C393.549164,509.226929 390.043060,511.281830 387.711304,512.147278 
+	C369.607269,518.866577 351.527649,525.653992 333.505432,532.589233 
+	C329.568329,534.104370 325.925690,534.463501 321.936981,532.885254 
+	C310.944519,528.535645 299.889740,524.342834 288.842163,520.133728 
+	C281.530701,517.348083 274.194489,514.627075 266.857300,511.909607 
+	C265.151581,511.277893 263.176331,510.339264 261.875671,512.317261 
+	C260.518982,514.380432 262.543945,515.606140 263.621368,516.990051 
+	C263.927734,517.383545 264.278595,517.743042 264.616577,518.111267 
+	C283.649567,538.846130 302.689911,559.574402 321.713104,580.318298 
+	C327.394714,586.513855 327.393097,586.552551 332.984039,580.461670 
+	C352.917969,558.745483 372.836853,537.015503 393.147766,514.718506 
+M326.717102,445.788422 
+	C331.490265,445.643402 335.730743,443.646332 340.038849,441.916168 
+	C352.439270,436.936005 352.329620,436.924347 352.033966,423.478546 
+	C351.943542,419.366425 350.303101,417.916779 346.284119,417.984772 
+	C336.796326,418.145386 327.302216,417.904694 317.813232,418.027466 
+	C300.582458,418.250366 303.700653,415.442383 303.276581,432.970215 
+	C303.196136,436.294464 304.337585,438.307404 307.516388,439.356354 
+	C313.671509,441.387451 319.782166,443.553314 326.717102,445.788422 
+M580.073181,162.455490 
+	C574.900513,153.155090 569.742188,143.846634 564.541992,134.561661 
+	C563.599060,132.878036 562.888306,130.451157 560.358459,131.039062 
+	C557.761658,131.642532 558.212585,134.139847 558.320862,136.055313 
+	C558.996033,148.001450 559.443726,159.973862 560.614929,171.873779 
+	C561.382019,179.667221 560.453186,187.529327 561.970886,195.249405 
+	C562.295471,196.900665 561.598145,199.330200 564.269104,199.552917 
+	C566.514038,199.740143 567.200623,197.768875 568.012939,196.109787 
+	C572.180420,187.597672 576.298157,179.059845 580.595276,170.613419 
+	C581.946594,167.957443 582.063171,165.581314 580.073181,162.455490 
+M89.027031,137.519318 
+	C84.349251,145.948105 79.761597,154.428940 74.942192,162.775955 
+	C73.368774,165.501068 73.111778,167.790359 74.610664,170.667221 
+	C78.832642,178.770554 82.756142,187.028854 86.870323,195.189255 
+	C87.784126,197.001785 88.095444,199.914047 90.953362,199.452591 
+	C94.054092,198.951965 93.627670,196.043411 93.672005,193.794479 
+	C94.032356,175.517014 95.656174,157.309875 96.590561,139.065338 
+	C96.724968,136.440933 98.506241,132.490753 95.285866,131.385849 
+	C91.554359,130.105591 91.284416,134.882416 89.027031,137.519318 
+M337.066467,503.250000 
+	C329.917023,503.250519 322.767578,503.249207 315.618134,503.252838 
+	C313.872528,503.253723 312.079071,503.437469 311.834076,505.591156 
+	C311.629913,507.385651 313.088440,508.151001 314.550079,508.692261 
+	C317.666107,509.846222 320.901978,510.747772 323.876953,512.189697 
+	C326.398926,513.412048 328.517548,513.235901 330.951141,512.093384 
+	C333.496735,510.898163 336.240082,510.129242 338.877869,509.123810 
+	C340.730591,508.417603 343.188507,507.781891 342.858765,505.364410 
+	C342.490784,502.666656 339.820465,503.463623 337.066467,503.250000 
+M228.131607,307.086761 
+	C230.891266,307.223206 233.332718,306.239227 233.365417,303.335785 
+	C233.391403,301.029205 230.793762,300.768921 229.117859,301.326385 
+	C226.367386,302.241302 225.849518,304.289642 228.131607,307.086761 
+M426.645355,306.903839 
+	C429.509094,304.492340 428.561096,302.543030 425.673157,301.332611 
+	C424.114227,300.679230 421.906311,301.000549 421.640747,303.027710 
+	C421.254456,305.975952 423.518097,306.891724 426.645355,306.903839 
+z"
+    />
+</svg>
diff --git a/client/src/lib/icons/DeleteIcon.svelte b/client/src/lib/icons/DeleteIcon.svelte
new file mode 100644
index 00000000..b47026ba
--- /dev/null
+++ b/client/src/lib/icons/DeleteIcon.svelte
@@ -0,0 +1,17 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="feather feather-delete"
+>
+    <path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z" />
+    <line x1="18" y1="9" x2="12" y2="15" />
+    <line x1="12" y1="9" x2="18" y2="15" />
+</svg>
+
diff --git a/client/src/lib/icons/DownloadIcon.svelte b/client/src/lib/icons/DownloadIcon.svelte
new file mode 100644
index 00000000..09e61990
--- /dev/null
+++ b/client/src/lib/icons/DownloadIcon.svelte
@@ -0,0 +1,17 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="feather feather-download"
+>
+    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+    <polyline points="7 10 12 15 17 10" />
+    <line x1="12" y1="15" x2="12" y2="3" />
+</svg>
+
diff --git a/client/src/lib/icons/avatar.svelte b/client/src/lib/icons/EmptyAvatar.svelte
similarity index 100%
rename from client/src/lib/icons/avatar.svelte
rename to client/src/lib/icons/EmptyAvatar.svelte
diff --git a/client/src/lib/icons/facebook.svelte b/client/src/lib/icons/FacebookIcon.svelte
similarity index 100%
rename from client/src/lib/icons/facebook.svelte
rename to client/src/lib/icons/FacebookIcon.svelte
diff --git a/client/src/lib/icons/github.svelte b/client/src/lib/icons/GithubIcon.svelte
similarity index 100%
rename from client/src/lib/icons/github.svelte
rename to client/src/lib/icons/GithubIcon.svelte
diff --git a/client/src/lib/icons/gmail.svelte b/client/src/lib/icons/GmailIcon.svelte
similarity index 100%
rename from client/src/lib/icons/gmail.svelte
rename to client/src/lib/icons/GmailIcon.svelte
diff --git a/client/src/lib/icons/microsoft.svelte b/client/src/lib/icons/MicrosoftIcon.svelte
similarity index 100%
rename from client/src/lib/icons/microsoft.svelte
rename to client/src/lib/icons/MicrosoftIcon.svelte
diff --git a/client/src/lib/icons/npm.svelte b/client/src/lib/icons/NpmIcon.svelte
similarity index 100%
rename from client/src/lib/icons/npm.svelte
rename to client/src/lib/icons/NpmIcon.svelte
diff --git a/client/src/lib/icons/PlusIcon.svelte b/client/src/lib/icons/PlusIcon.svelte
new file mode 100644
index 00000000..e2d36ece
--- /dev/null
+++ b/client/src/lib/icons/PlusIcon.svelte
@@ -0,0 +1,15 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="feather feather-plus"
+>
+    <line x1="12" y1="5" x2="12" y2="19" />
+    <line x1="5" y1="12" x2="19" y2="12" />
+</svg>
diff --git a/client/src/lib/icons/SaveIcon.svelte b/client/src/lib/icons/SaveIcon.svelte
new file mode 100644
index 00000000..f5e3bab1
--- /dev/null
+++ b/client/src/lib/icons/SaveIcon.svelte
@@ -0,0 +1,17 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="feather feather-save"
+>
+    <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" />
+    <polyline points="17 21 17 13 7 13 7 21" />
+    <polyline points="7 3 7 8 15 8" />
+</svg>
+
diff --git a/client/src/lib/icons/XIcon.svelte b/client/src/lib/icons/XIcon.svelte
new file mode 100644
index 00000000..35ebaa06
--- /dev/null
+++ b/client/src/lib/icons/XIcon.svelte
@@ -0,0 +1,16 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="feather feather-x"
+>
+    <line x1="18" y1="6" x2="6" y2="18" />
+    <line x1="6" y1="6" x2="18" y2="18" />
+</svg>
+
diff --git a/client/src/lib/images/icon.png b/client/src/lib/images/icon.png
new file mode 100644
index 00000000..8302ae27
Binary files /dev/null and b/client/src/lib/images/icon.png differ
diff --git a/client/src/lib/proto/files.proto b/client/src/lib/proto/files.proto
deleted file mode 100644
index b3de541d..00000000
--- a/client/src/lib/proto/files.proto
+++ /dev/null
@@ -1,29 +0,0 @@
-syntax = "proto3";
-
-package proto;
-
-enum FileType {
-    DOCUMENT = 0;
-}
-
-message TargetId {
-    string targetId = 1;
-}
-
-message FileId {
-    string fileId = 1;
-    string targetId = 2;
-}
-
-message File {
-    string id = 1;
-    string created = 2;
-    string updated = 3;
-    optional string deleted = 4;
-
-    string targetId = 5;
-    string name = 6;
-    FileType type = 7;
-
-    bytes data = 8;
-}
diff --git a/client/src/lib/proto/files.ts b/client/src/lib/proto/files.ts
deleted file mode 100644
index dcce6698..00000000
--- a/client/src/lib/proto/files.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import type * as grpc from '@grpc/grpc-js';
-import type { EnumTypeDefinition, MessageTypeDefinition } from '@grpc/proto-loader';
-
-
-type SubtypeConstructor<Constructor extends new (...args: any) => any, Subtype> = {
-  new(...args: ConstructorParameters<Constructor>): Subtype;
-};
-
-export interface ProtoGrpcType {
-  proto: {
-    File: MessageTypeDefinition
-    FileId: MessageTypeDefinition
-    FileType: EnumTypeDefinition
-    TargetId: MessageTypeDefinition
-  }
-}
-
diff --git a/client/src/lib/proto/main.proto b/client/src/lib/proto/main.proto
index 26c45483..84ff708e 100644
--- a/client/src/lib/proto/main.proto
+++ b/client/src/lib/proto/main.proto
@@ -18,10 +18,12 @@ service UsersService {
     rpc Auth(AuthRequest) returns (User) {}
     rpc GetUsers(UserIds) returns (stream User) {}
     rpc GetUser(UserId) returns (User) {}
+    rpc CreateUser(User) returns (User) {}
 }
 
 service UtilsService {
     rpc GetFiles(TargetId) returns (stream File) {}
+    rpc GetFile(FileId) returns (File) {}
     rpc CreateFile(File) returns (File) {}
     rpc DeleteFile(FileId) returns (File) {}
 }
diff --git a/client/src/lib/proto/proto/File.ts b/client/src/lib/proto/proto/File.ts
index 0cf63011..5186c0de 100644
--- a/client/src/lib/proto/proto/File.ts
+++ b/client/src/lib/proto/proto/File.ts
@@ -10,7 +10,7 @@ export interface File {
   'targetId'?: (string);
   'name'?: (string);
   'type'?: (_proto_FileType);
-  'data'?: (Buffer | Uint8Array | string);
+  'buffer'?: (Buffer | Uint8Array | string);
   '_deleted'?: "deleted";
 }
 
@@ -22,6 +22,6 @@ export interface File__Output {
   'targetId': (string);
   'name': (string);
   'type': (_proto_FileType__Output);
-  'data': (Buffer);
+  'buffer': (Buffer);
   '_deleted': "deleted";
 }
diff --git a/client/src/lib/proto/proto/FileType.ts b/client/src/lib/proto/proto/FileType.ts
index dc166bd2..b1570681 100644
--- a/client/src/lib/proto/proto/FileType.ts
+++ b/client/src/lib/proto/proto/FileType.ts
@@ -2,10 +2,13 @@
 
 export const FileType = {
   DOCUMENT: 'DOCUMENT',
+  AVATAR: 'AVATAR',
 } as const;
 
 export type FileType =
   | 'DOCUMENT'
   | 0
+  | 'AVATAR'
+  | 1
 
 export type FileType__Output = typeof FileType[keyof typeof FileType]
diff --git a/client/src/lib/proto/proto/TargetId.ts b/client/src/lib/proto/proto/TargetId.ts
index 0d4c3e59..45352e07 100644
--- a/client/src/lib/proto/proto/TargetId.ts
+++ b/client/src/lib/proto/proto/TargetId.ts
@@ -1,10 +1,13 @@
 // Original file: ../proto/utils.proto
 
+import type { FileType as _proto_FileType, FileType__Output as _proto_FileType__Output } from '../proto/FileType';
 
 export interface TargetId {
   'targetId'?: (string);
+  'type'?: (_proto_FileType);
 }
 
 export interface TargetId__Output {
   'targetId': (string);
+  'type': (_proto_FileType__Output);
 }
diff --git a/client/src/lib/proto/proto/User.ts b/client/src/lib/proto/proto/User.ts
index 17926f5b..332a1079 100644
--- a/client/src/lib/proto/proto/User.ts
+++ b/client/src/lib/proto/proto/User.ts
@@ -10,7 +10,10 @@ export interface User {
   'email'?: (string);
   'role'?: (_proto_UserRole);
   'sub'?: (string);
+  'name'?: (string);
+  'avatar'?: (string);
   '_deleted'?: "deleted";
+  '_avatar'?: "avatar";
 }
 
 export interface User__Output {
@@ -21,5 +24,8 @@ export interface User__Output {
   'email': (string);
   'role': (_proto_UserRole__Output);
   'sub': (string);
+  'name': (string);
+  'avatar'?: (string);
   '_deleted': "deleted";
+  '_avatar': "avatar";
 }
diff --git a/client/src/lib/proto/proto/UsersService.ts b/client/src/lib/proto/proto/UsersService.ts
index eb468790..9ed2f6f1 100644
--- a/client/src/lib/proto/proto/UsersService.ts
+++ b/client/src/lib/proto/proto/UsersService.ts
@@ -17,6 +17,15 @@ export interface UsersServiceClient extends grpc.Client {
   auth(argument: _proto_AuthRequest, options: grpc.CallOptions, callback: grpc.requestCallback<_proto_User__Output>): grpc.ClientUnaryCall;
   auth(argument: _proto_AuthRequest, callback: grpc.requestCallback<_proto_User__Output>): grpc.ClientUnaryCall;
   
+  CreateUser(argument: _proto_User, metadata: grpc.Metadata, options: grpc.CallOptions, callback: grpc.requestCallback<_proto_User__Output>): grpc.ClientUnaryCall;
+  CreateUser(argument: _proto_User, metadata: grpc.Metadata, callback: grpc.requestCallback<_proto_User__Output>): grpc.ClientUnaryCall;
+  CreateUser(argument: _proto_User, options: grpc.CallOptions, callback: grpc.requestCallback<_proto_User__Output>): grpc.ClientUnaryCall;
+  CreateUser(argument: _proto_User, callback: grpc.requestCallback<_proto_User__Output>): grpc.ClientUnaryCall;
+  createUser(argument: _proto_User, metadata: grpc.Metadata, options: grpc.CallOptions, callback: grpc.requestCallback<_proto_User__Output>): grpc.ClientUnaryCall;
+  createUser(argument: _proto_User, metadata: grpc.Metadata, callback: grpc.requestCallback<_proto_User__Output>): grpc.ClientUnaryCall;
+  createUser(argument: _proto_User, options: grpc.CallOptions, callback: grpc.requestCallback<_proto_User__Output>): grpc.ClientUnaryCall;
+  createUser(argument: _proto_User, callback: grpc.requestCallback<_proto_User__Output>): grpc.ClientUnaryCall;
+  
   GetUser(argument: _proto_UserId, metadata: grpc.Metadata, options: grpc.CallOptions, callback: grpc.requestCallback<_proto_User__Output>): grpc.ClientUnaryCall;
   GetUser(argument: _proto_UserId, metadata: grpc.Metadata, callback: grpc.requestCallback<_proto_User__Output>): grpc.ClientUnaryCall;
   GetUser(argument: _proto_UserId, options: grpc.CallOptions, callback: grpc.requestCallback<_proto_User__Output>): grpc.ClientUnaryCall;
@@ -36,6 +45,8 @@ export interface UsersServiceClient extends grpc.Client {
 export interface UsersServiceHandlers extends grpc.UntypedServiceImplementation {
   Auth: grpc.handleUnaryCall<_proto_AuthRequest__Output, _proto_User>;
   
+  CreateUser: grpc.handleUnaryCall<_proto_User__Output, _proto_User>;
+  
   GetUser: grpc.handleUnaryCall<_proto_UserId__Output, _proto_User>;
   
   GetUsers: grpc.handleServerStreamingCall<_proto_UserIds__Output, _proto_User>;
@@ -44,6 +55,7 @@ export interface UsersServiceHandlers extends grpc.UntypedServiceImplementation
 
 export interface UsersServiceDefinition extends grpc.ServiceDefinition {
   Auth: MethodDefinition<_proto_AuthRequest, _proto_User, _proto_AuthRequest__Output, _proto_User__Output>
+  CreateUser: MethodDefinition<_proto_User, _proto_User, _proto_User__Output, _proto_User__Output>
   GetUser: MethodDefinition<_proto_UserId, _proto_User, _proto_UserId__Output, _proto_User__Output>
   GetUsers: MethodDefinition<_proto_UserIds, _proto_User, _proto_UserIds__Output, _proto_User__Output>
 }
diff --git a/client/src/lib/proto/proto/UtilsService.ts b/client/src/lib/proto/proto/UtilsService.ts
index 20a41a13..34acd539 100644
--- a/client/src/lib/proto/proto/UtilsService.ts
+++ b/client/src/lib/proto/proto/UtilsService.ts
@@ -25,6 +25,15 @@ export interface UtilsServiceClient extends grpc.Client {
   deleteFile(argument: _proto_FileId, options: grpc.CallOptions, callback: grpc.requestCallback<_proto_File__Output>): grpc.ClientUnaryCall;
   deleteFile(argument: _proto_FileId, callback: grpc.requestCallback<_proto_File__Output>): grpc.ClientUnaryCall;
   
+  GetFile(argument: _proto_FileId, metadata: grpc.Metadata, options: grpc.CallOptions, callback: grpc.requestCallback<_proto_File__Output>): grpc.ClientUnaryCall;
+  GetFile(argument: _proto_FileId, metadata: grpc.Metadata, callback: grpc.requestCallback<_proto_File__Output>): grpc.ClientUnaryCall;
+  GetFile(argument: _proto_FileId, options: grpc.CallOptions, callback: grpc.requestCallback<_proto_File__Output>): grpc.ClientUnaryCall;
+  GetFile(argument: _proto_FileId, callback: grpc.requestCallback<_proto_File__Output>): grpc.ClientUnaryCall;
+  getFile(argument: _proto_FileId, metadata: grpc.Metadata, options: grpc.CallOptions, callback: grpc.requestCallback<_proto_File__Output>): grpc.ClientUnaryCall;
+  getFile(argument: _proto_FileId, metadata: grpc.Metadata, callback: grpc.requestCallback<_proto_File__Output>): grpc.ClientUnaryCall;
+  getFile(argument: _proto_FileId, options: grpc.CallOptions, callback: grpc.requestCallback<_proto_File__Output>): grpc.ClientUnaryCall;
+  getFile(argument: _proto_FileId, callback: grpc.requestCallback<_proto_File__Output>): grpc.ClientUnaryCall;
+  
   GetFiles(argument: _proto_TargetId, metadata: grpc.Metadata, options?: grpc.CallOptions): grpc.ClientReadableStream<_proto_File__Output>;
   GetFiles(argument: _proto_TargetId, options?: grpc.CallOptions): grpc.ClientReadableStream<_proto_File__Output>;
   getFiles(argument: _proto_TargetId, metadata: grpc.Metadata, options?: grpc.CallOptions): grpc.ClientReadableStream<_proto_File__Output>;
@@ -37,6 +46,8 @@ export interface UtilsServiceHandlers extends grpc.UntypedServiceImplementation
   
   DeleteFile: grpc.handleUnaryCall<_proto_FileId__Output, _proto_File>;
   
+  GetFile: grpc.handleUnaryCall<_proto_FileId__Output, _proto_File>;
+  
   GetFiles: grpc.handleServerStreamingCall<_proto_TargetId__Output, _proto_File>;
   
 }
@@ -44,5 +55,6 @@ export interface UtilsServiceHandlers extends grpc.UntypedServiceImplementation
 export interface UtilsServiceDefinition extends grpc.ServiceDefinition {
   CreateFile: MethodDefinition<_proto_File, _proto_File, _proto_File__Output, _proto_File__Output>
   DeleteFile: MethodDefinition<_proto_FileId, _proto_File, _proto_FileId__Output, _proto_File__Output>
+  GetFile: MethodDefinition<_proto_FileId, _proto_File, _proto_FileId__Output, _proto_File__Output>
   GetFiles: MethodDefinition<_proto_TargetId, _proto_File, _proto_TargetId__Output, _proto_File__Output>
 }
diff --git a/client/src/lib/proto/users.proto b/client/src/lib/proto/users.proto
index b690c602..96a60b09 100644
--- a/client/src/lib/proto/users.proto
+++ b/client/src/lib/proto/users.proto
@@ -22,5 +22,8 @@ message User {
     string email = 5;
     UserRole role = 6;
     string sub = 7;
+
+    string name = 8;
+    optional string avatar = 9;
 }
 
diff --git a/client/src/lib/proto/utils.proto b/client/src/lib/proto/utils.proto
index b3de541d..4b2c0e63 100644
--- a/client/src/lib/proto/utils.proto
+++ b/client/src/lib/proto/utils.proto
@@ -4,10 +4,12 @@ package proto;
 
 enum FileType {
     DOCUMENT = 0;
+    AVATAR = 1;
 }
 
 message TargetId {
     string targetId = 1;
+    FileType type = 2;
 }
 
 message FileId {
@@ -25,5 +27,5 @@ message File {
     string name = 6;
     FileType type = 7;
 
-    bytes data = 8;
+    bytes buffer = 8;
 }
diff --git a/client/src/lib/pubsub.ts b/client/src/lib/pubsub.ts
deleted file mode 100644
index 39089693..00000000
--- a/client/src/lib/pubsub.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { PubSub } from "@google-cloud/pubsub";
-
-export const pubSubClient = new PubSub();
diff --git a/client/src/lib/store.ts b/client/src/lib/store.ts
deleted file mode 100644
index b0c7f0ff..00000000
--- a/client/src/lib/store.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import type { UserRole } from 'src/types/users.type';
-import { writable } from 'svelte/store';
-
-export const userStore = writable<{
-  id: string;
-  email: string[];
-  role: UserRole;
-} | null>(null);
-export const isReminder = writable(false);
-export const apiStore = writable<{ [key: string]: () => void }>();
diff --git a/client/src/lib/toast/Toast.svelte b/client/src/lib/toast/Toast.svelte
new file mode 100644
index 00000000..6db168ee
--- /dev/null
+++ b/client/src/lib/toast/Toast.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+    import { fade } from "svelte/transition";
+    import type { Toast } from "./toast";
+    import { toastStore } from "./toast";
+    export let toast: Toast;
+
+    setTimeout(() => {
+        // remove first toast
+        toastStore.update((toasts) => {
+            return toasts.slice(1);
+        });
+    }, 3000);
+</script>
+
+<div
+    transition:fade={{ duration: 200 }}
+    class={"bg-primary-500 border-l-4 py-2 px-4 rounded-md shadow-lg z-[1000] " +
+        (toast.type === "success" ? "border-green-500" : "border-red-500")}
+>
+    {toast.message}
+</div>
diff --git a/client/src/lib/toast/toast.ts b/client/src/lib/toast/toast.ts
new file mode 100644
index 00000000..fe451fa3
--- /dev/null
+++ b/client/src/lib/toast/toast.ts
@@ -0,0 +1,11 @@
+import { writable } from "svelte/store";
+
+export type Toast = {
+    message: string;
+    type: "success" | "error";
+};
+export const toastStore = writable<Toast[]>([]);
+
+export function toast(toast: Toast) {
+    toastStore.update((toasts) => [...toasts, toast]);
+}
diff --git a/client/src/routes/(app)/+error.svelte b/client/src/routes/(app)/+error.svelte
new file mode 100644
index 00000000..36274f1b
--- /dev/null
+++ b/client/src/routes/(app)/+error.svelte
@@ -0,0 +1,6 @@
+<script lang="ts">
+    import { page } from "$app/stores";
+</script>
+
+<h1>Error</h1>
+<h3>{$page.error?.message ?? "Unknown error"}</h3>
diff --git a/client/src/routes/(app)/+layout.svelte b/client/src/routes/(app)/+layout.svelte
index 8509bc44..c6c5540b 100644
--- a/client/src/routes/(app)/+layout.svelte
+++ b/client/src/routes/(app)/+layout.svelte
@@ -1,17 +1,76 @@
 <script lang="ts">
+    import AvatarIcon from "$lib/icons/AvatarIcon.svelte";
     import { signOut } from "@auth/sveltekit/client";
+    import Dropdown from "$lib/components/Dropdown.svelte";
+
+    export let data;
 </script>
 
-<navigation
-    class="flex flex-row items-center justify-center gap-4 text-lg text-emerald-400 p-2 border-b border-gray-600"
->
-    <a href="/" class="hover:text-emerald-500">Home</a>
-    <a href="/files" class="hover:text-emerald-500">Files</a>
-    <a href="/notes1" class="hover:text-emerald-500">Notes-1</a>
-    <a href="/notes2" class="hover:text-emerald-500">Notes-2</a>
-    <a href="/notes3" class="hover:text-emerald-500">Notes-3</a>
-    <button on:click={() => signOut()}>Logout</button>
-</navigation>
-<div class="p-4">
-    <slot />
+<div class="flex flex-col h-screen">
+    <nav class="border-b border-gray-600">
+        <div
+            class="max-w-7xl mx-auto w-full flex items-center justify-between text-lg py-2 px-6"
+        >
+            <div class="flex items-center gap-6">
+                <a
+                    href="/"
+                    class="flex flex-row items-center gap-2 font-bold mr-4 hover:text-secondary-500 hover:cursor-pointer transition"
+                >
+                    Rusve
+                </a>
+                <a href="/profile" class="hover:text-secondary-500 transition">
+                    Profile
+                </a>
+                <a href="/notes" class="hover:text-secondary-500 transition">
+                    Notes
+                </a>
+                <a href="/todos" class="hover:text-secondary-500 transition">
+                    Todos
+                </a>
+            </div>
+            <Dropdown>
+                <svelte:fragment slot="button">
+                    <div
+                        class="w-6 hover:cursor-pointer hover:text-secondary-500 transition"
+                    >
+                        <AvatarIcon />
+                    </div>
+                </svelte:fragment>
+                <svelte:fragment slot="dropdown">
+                    <div
+                        class="flex flex-col bg-primary-600 min-w-[120px] rounded"
+                    >
+                        <p class="font-semibold px-3 py-2">
+                            {data.email}
+                        </p>
+                        <div class="border-b border-gray-500 w-full" />
+                        <a
+                            href="/profile"
+                            class="hover:text-secondary-500 transition px-3 py-2"
+                        >
+                            Profile
+                        </a>
+                        <a
+                            href="/billing"
+                            class="hover:text-secondary-500 transition px-3 py-2"
+                        >
+                            Billing
+                        </a>
+                        <div class="border-b border-gray-500 w-full" />
+                        <button
+                            class="w-full text-left hover:text-secondary-500 transition px-3 py-2"
+                            on:click={() => signOut()}
+                        >
+                            Sign out
+                        </button>
+                    </div>
+                </svelte:fragment>
+            </Dropdown>
+        </div>
+    </nav>
+    <section class="flex-1 overflow-auto">
+        <div class="max-w-3xl mx-auto px-6 py-8">
+            <slot />
+        </div>
+    </section>
 </div>
diff --git a/client/src/routes/(app)/+page.server.ts b/client/src/routes/(app)/+page.server.ts
deleted file mode 100644
index 4287e917..00000000
--- a/client/src/routes/(app)/+page.server.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { URI_NOTES } from "$env/static/private";
-import { error, type Actions } from "@sveltejs/kit";
-import { z } from "zod";
-import type { Note__Output } from "$lib/proto/proto/Note";
-import { createMetadata } from "$lib/metadata";
-import { notesClient } from "$lib/grpc";
-
-export const actions = {
-    createNote: async ({ locals, request }) => {
-        const start = performance.now();
-
-        const form = await request.formData();
-        const title = form.get("title");
-        const content = form.get("content");
-
-        const data = {
-            title: title,
-            content: content,
-            userId: locals.userId,
-        };
-
-        const schema = z
-            .object({
-                userId: z.string().uuid(),
-                title: z.string().min(1),
-                content: z.string().min(1),
-            })
-            .safeParse(data);
-
-        if (!schema.success) {
-            throw error(400, "Invalid request");
-        }
-
-        try {
-            const metadata = createMetadata(URI_NOTES);
-            await new Promise<Note__Output>((resolve, reject) => {
-                notesClient.createNote(schema.data, metadata, (err, response) =>
-                    err || !response ? reject(err) : resolve(response),
-                );
-            });
-
-            const end = performance.now();
-            return {
-                success: true,
-                duration: end - start,
-            };
-        } catch (err) {
-            console.error(err);
-            throw error(500, "Could not create note");
-        }
-    },
-} satisfies Actions;
diff --git a/client/src/routes/(app)/+page.svelte b/client/src/routes/(app)/+page.svelte
index 2435b5cc..e987b1e1 100644
--- a/client/src/routes/(app)/+page.svelte
+++ b/client/src/routes/(app)/+page.svelte
@@ -1,33 +1,60 @@
 <script lang="ts">
-    import type { PageData } from "./$types";
-
-    export let data: PageData;
-    let title = "This is my title";
-    let content = "This is my content";
+    export let data;
 </script>
 
-<section class="p-4">
-    <h2>Current user: {data.email}</h2>
-    <form class="flex flex-col gap-4 mt-4" action="?/createNote" method="post">
-        <input
-            class="bg-slate-600 p-3 rounded shadow-inner ring-gray-800 hover:ring-teal-700 hover:ring-1 transition"
-            type="text"
-            name="title"
-            placeholder="Title"
-            bind:value={title}
-        />
-        <input
-            class="bg-slate-600 p-3 rounded shadow-inner ring-gray-800 hover:ring-teal-700 hover:ring-1 transition"
-            type="text"
-            name="content"
-            placeholder="Content"
-            bind:value={content}
-        />
-        <button
-            class="bg-teal-700 p-3 rounded hover:bg-teal-600 transition"
-            type="submit"
-        >
-            Create 100x Notes
-        </button>
-    </form>
-</section>
+<div class="p-4">
+    <h1 class="text-secondary-500 text-5xl">Welcome to the Rusve!</h1>
+    <h3>(do You see what i did there?)</h3>
+
+    <p class="text-xl mt-4">
+        What are we doing here? We are searching for the best way to build
+        <b>fast</b>
+        and
+        <b>scalable</b>
+        web applications. And I think we are getting there.
+    </p>
+    <p class="text-xl mt-4">
+        For <b>frontend</b>
+        we are using the amazing SvelteKit framework. The moment You start using
+        it, You will never go back. "What is the best way to learn Svelte? Learn
+        React first - it'll be a great motivator".
+    </p>
+    <p class="text-xl mt-4">
+        Also, because how easy it is to build with Svelte, this whole project is
+        build with minimal amount of external libraries, the only UI library is
+        <b>Tailwind</b>
+        . And You still have everything You need, toasts, drawers, modals, forms,
+        etc.
+    </p>
+    <p class="text-xl mt-4">
+        For <b>backend</b>
+        we are mostly using Rust. Not gonna lie, not an easy one to learn, but it
+        brings
+        <b>speed</b>
+        and
+        <b>security</b>
+        to the table. And You will be able to say
+        <b>"I use Rust"</b>
+        .
+    </p>
+    <p class="text-xl mt-4">
+        But becouse we are using a simple microservice architecture with gRPC,
+        You can use any language You want. Here we also have a simple Go
+        service.
+    </p>
+    <p class="text-xl mt-4">
+        For <b>database</b>
+        we are using PostgreSQL. It is slowly starting to win (or already won) the
+        battle against MySQL.
+    </p>
+    <p class="text-xl mt-4">
+        For <b>deployment</b>
+        we are using Docker with Fly.io. Amazing and cheap option for small / medium
+        applications. But there is a ready to use configuration for Google Cloud
+        Platform. Each of them is ready to scale to the moon.
+    </p>
+    <p class="text-xl mt-4">
+        I hope You will enjoy playing around, <b>{data.email}</b>
+        !
+    </p>
+</div>
diff --git a/client/src/routes/(app)/billing/+page.svelte b/client/src/routes/(app)/billing/+page.svelte
new file mode 100644
index 00000000..3b24e30a
--- /dev/null
+++ b/client/src/routes/(app)/billing/+page.svelte
@@ -0,0 +1 @@
+<h1>Billing</h1>
diff --git a/client/src/routes/(app)/files/+page.server.ts b/client/src/routes/(app)/files/+page.server.ts
deleted file mode 100644
index ac63c99e..00000000
--- a/client/src/routes/(app)/files/+page.server.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-import { URI_UTILS } from "$env/static/private";
-import { error, fail } from "@sveltejs/kit";
-import { z } from "zod";
-import type { File__Output } from "$lib/proto/proto/File";
-import { FileType } from "$lib/proto/proto/FileType";
-import type { TargetId } from "$lib/proto/proto/TargetId";
-import type { Actions, PageServerLoad } from "./$types";
-import { createMetadata } from "$lib/metadata";
-import { utilsClient } from "$lib/grpc";
-
-export const load = (async ({ locals }) => {
-    try {
-        const start = performance.now();
-        const userId = locals.userId;
-        const request: TargetId = { targetId: userId };
-
-        const metadata = createMetadata(URI_UTILS);
-        const stream = utilsClient.getFiles(request, metadata);
-        const files: File__Output[] = [];
-
-        await new Promise<File__Output[]>((resolve, reject) => {
-            stream.on("data", (file) => {
-                files.push(file);
-            });
-
-            stream.on("end", () => {
-                resolve(files);
-            });
-
-            stream.on("error", (err: unknown) => {
-                reject(err);
-            });
-        });
-
-        const end = performance.now();
-        const mapped = files.map((file) => {
-            // create base64 string
-            const base64 = Buffer.from(file.data).toString("base64");
-            return {
-                id: file.id,
-                name: file.name,
-                type: file.type,
-                data: base64,
-            };
-        });
-        return {
-            files: mapped,
-            duration: end - start,
-        };
-    } catch (err) {
-        console.error(err);
-        throw error(500, "Could not load files");
-    }
-}) satisfies PageServerLoad;
-
-export const actions = {
-    createFile: async ({ request }) => {
-        const start = performance.now();
-
-        const form = await request.formData();
-        const targetId = form.get("targetId");
-        const type = form.get("type");
-        const file = form.get("file");
-
-        if (!(file instanceof File) || file.size === 0) {
-            throw error(400, "Invalid request");
-        }
-
-        // max 10MB
-        if (file.size > 10 * 1024 * 1024) {
-            return fail(400, { error: "File too large. Max 10MB" });
-        }
-
-        const name = file.name;
-        const buffer = Buffer.from(await file.arrayBuffer());
-
-        const schema = z
-            .object({
-                targetId: z.string().uuid(),
-                name: z.string().min(1),
-                type: z.nativeEnum(FileType),
-                data: z.instanceof(Buffer),
-            })
-            .safeParse({
-                targetId,
-                name: name,
-                type,
-                data: buffer,
-            });
-
-        if (!schema.success) {
-            console.error(schema.error);
-            throw error(400, "Invalid request");
-        }
-
-        const metadata = createMetadata(URI_UTILS);
-        await new Promise<File__Output>((resolve, reject) => {
-            utilsClient.createFile(schema.data, metadata, (err, response) =>
-                err || !response ? reject(err) : resolve(response),
-            );
-        });
-
-        const end = performance.now();
-        return { duration: end - start };
-    },
-    deleteFile: async ({ request }) => {
-        const start = performance.now();
-
-        const form = await request.formData();
-        const fileId = form.get("fileId");
-        const targetId = form.get("targetId");
-
-        const schema = z
-            .object({
-                fileId: z.string().uuid(),
-                targetId: z.string().uuid(),
-            })
-            .safeParse({
-                fileId,
-                targetId,
-            });
-
-        if (!schema.success) {
-            console.error(schema.error);
-            throw error(400, "Invalid request");
-        }
-
-        const metadata = createMetadata(URI_UTILS);
-        await new Promise<File__Output>((resolve, reject) => {
-            utilsClient.deleteFile(schema.data, metadata, (err, response) =>
-                err || !response ? reject(err) : resolve(response),
-            );
-        });
-
-        const end = performance.now();
-        return { duration: end - start };
-    },
-} satisfies Actions;
diff --git a/client/src/routes/(app)/files/+page.svelte b/client/src/routes/(app)/files/+page.svelte
deleted file mode 100644
index eaeab408..00000000
--- a/client/src/routes/(app)/files/+page.svelte
+++ /dev/null
@@ -1,75 +0,0 @@
-<script lang="ts">
-    import { FileType } from "$lib/proto/proto/FileType";
-    import type { ActionData, PageData } from "./$types";
-
-    export let data: PageData;
-    export let form: ActionData;
-</script>
-
-{#if form?.error}
-    <h2 class="text-center text-red-700">{form.error}</h2>
-{/if}
-
-<h2 class="text-center">
-    Files loaded in {data.duration.toFixed(4)}ms
-</h2>
-{#if form}
-    <h2 class="text-center">
-        Files created or deleted in {form.duration?.toFixed(4)}ms
-    </h2>
-{/if}
-
-<form
-    action="?/createFile"
-    method="post"
-    enctype="multipart/form-data"
-    class="flex flex-col gap-2 p-4"
->
-    <input class="bg-gray-800 p-3 rounded" type="file" name="file" />
-    <input type="hidden" name="type" value={FileType.DOCUMENT} />
-    <input type="hidden" name="targetId" value={data.userId} />
-    <button
-        type="submit"
-        class="bg-teal-700 p-3 rounded hover:bg-teal-600 transition"
-    >
-        Upload
-    </button>
-</form>
-
-{#if data.files}
-    <ul class="flex flex-col gap-2 my-2">
-        {#each data.files as file}
-            <li class="flex flex-row gap-2 items-center">
-                <div>{file.name}</div>
-                <form
-                    action="/api"
-                    method="post"
-                    class="flex flex-row gap-2"
-                >
-                    <input type="hidden" name="base64" value={file.data} />
-                    <input type="hidden" name="name" value={file.name} />
-                    <button
-                        type="submit"
-                        class="bg-green-700 p-3 rounded hover:bg-green-600 transition"
-                    >
-                        Download
-                    </button>
-                </form>
-                <form
-                    action="?/deleteFile"
-                    method="post"
-                    class="flex flex-row gap-2"
-                >
-                    <input type="hidden" name="fileId" value={file.id} />
-                    <input type="hidden" name="targetId" value={data.userId} />
-                    <button
-                        type="submit"
-                        class="bg-red-700 p-3 rounded hover:bg-red-600 transition"
-                    >
-                        Delete
-                    </button>
-                </form>
-            </li>
-        {/each}
-    </ul>
-{/if}
diff --git a/client/src/routes/(app)/note/Note.svelte b/client/src/routes/(app)/note/Note.svelte
deleted file mode 100644
index d8309149..00000000
--- a/client/src/routes/(app)/note/Note.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-    export let noteId: string;
-</script>
-
-<section class="p-4 shadow-inner rounded bg-slate-600 mb-4"> 
-    <h1 class="text-center">
-        <slot name="title" />
-    </h1>
-    <p class="text-center">
-        <slot name="content" />
-    </p>
-    <p class="text-center">
-        <slot name="user" />
-    </p>
-    <button
-        type="submit"
-        class="bg-gray-800 p-3 rounded hover:bg-gray-900 transition"
-        form={noteId}
-    >
-        Delete Note
-    </button>
-</section>
diff --git a/client/src/routes/(app)/notes3/+page.server.ts b/client/src/routes/(app)/notes/+page.server.ts
similarity index 68%
rename from client/src/routes/(app)/notes3/+page.server.ts
rename to client/src/routes/(app)/notes/+page.server.ts
index 9df5f258..4e922383 100644
--- a/client/src/routes/(app)/notes3/+page.server.ts
+++ b/client/src/routes/(app)/notes/+page.server.ts
@@ -1,4 +1,4 @@
-import { error } from "@sveltejs/kit";
+import { error, fail } from "@sveltejs/kit";
 import type { PageServerLoad, Actions } from "./$types";
 import { URI_NOTES } from "$env/static/private";
 import type { UserId } from "$lib/proto/proto/UserId";
@@ -7,6 +7,7 @@ import type { User__Output } from "$lib/proto/proto/User";
 import type { NoteId } from "$lib/proto/proto/NoteId";
 import { createMetadata } from "$lib/metadata";
 import { notesClient, usersClient } from "$lib/grpc";
+import { z } from "zod";
 
 export const load = (async ({ locals }) => {
     try {
@@ -57,6 +58,49 @@ export const load = (async ({ locals }) => {
 }) satisfies PageServerLoad;
 
 export const actions = {
+    createNote: async ({ locals, request }) => {
+        const start = performance.now();
+
+        const form = await request.formData();
+        const title = form.get("title");
+        const content = form.get("content");
+
+        const data = {
+            title: title,
+            content: content,
+            userId: locals.userId,
+        };
+
+        const schema = z
+            .object({
+                userId: z.string().uuid(),
+                title: z.string().min(1),
+                content: z.string().min(1),
+            })
+            .safeParse(data);
+
+        if (!schema.success) {
+            return fail(409, { error: schema.error.flatten() });
+        }
+
+        try {
+            const metadata = createMetadata(URI_NOTES);
+            await new Promise<Note__Output>((resolve, reject) => {
+                notesClient.createNote(schema.data, metadata, (err, response) =>
+                    err || !response ? reject(err) : resolve(response),
+                );
+            });
+
+            const end = performance.now();
+            return {
+                success: true,
+                duration: end - start,
+            };
+        } catch (err) {
+            console.error(err);
+            throw error(500, "Could not create note");
+        }
+    },
     deleteNote: async ({ locals, request }) => {
         const start = performance.now();
 
diff --git a/client/src/routes/(app)/notes/+page.svelte b/client/src/routes/(app)/notes/+page.svelte
new file mode 100644
index 00000000..26042f44
--- /dev/null
+++ b/client/src/routes/(app)/notes/+page.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+    import Note from "./Note.svelte";
+    import Button from "$lib/form/Button.svelte";
+    import PlusIcon from "$lib/icons/PlusIcon.svelte";
+    import NoteDrawer from "./NoteDrawer.svelte";
+
+    export let data;
+    export let form;
+
+    let open = false;
+</script>
+
+<NoteDrawer {form} on:clickOutside={() => (open = false)} {open} />
+
+<h3 class="text-right">
+    {data.duration.toFixed(4)}ms
+</h3>
+
+<div class="mb-6">
+    <Button type="button" on:click={() => (open = true)}>
+        <span slot="icon"><PlusIcon /></span>
+        Create note
+    </Button>
+</div>
+
+{#each data.notes as note}
+    <Note noteId={note.id}>
+        <span slot="title">{note.title}</span>
+        <span slot="content">
+            <p class="whitespace-pre-wrap">
+                {@html note.content}
+            </p>
+        </span>
+        <span slot="user">
+            {#await data.streamed.users}
+                <span class="block h-4" />
+            {:then users}
+                {#if users.find((u) => u.id === note.userId)}
+                    {users.find((u) => u.id === note.userId)?.email}
+                {:else}
+                    User not found
+                {/if}
+            {/await}
+        </span>
+    </Note>
+{/each}
diff --git a/client/src/routes/(app)/notes/Note.svelte b/client/src/routes/(app)/notes/Note.svelte
new file mode 100644
index 00000000..1f884837
--- /dev/null
+++ b/client/src/routes/(app)/notes/Note.svelte
@@ -0,0 +1,48 @@
+<script lang="ts">
+    import { enhance } from "$app/forms";
+    import DeleteIcon from "$lib/icons/DeleteIcon.svelte";
+    import { toast } from "$lib/toast/toast";
+
+    export let noteId: string;
+</script>
+
+<div class="flex flex-col gap-2 p-4 shadow-inner rounded bg-slate-600 mb-4">
+    <h2>
+        <slot name="title" />
+    </h2>
+    <slot name="content" />
+    <div class="flex text-xs justify-between mt-4">
+        <p>
+            Created by:
+            <br />
+            <slot name="user" />
+        </p>
+
+        <form
+            role="listitem"
+            action="?/deleteNote"
+            method="post"
+            id={noteId}
+            use:enhance={() => {
+                return async ({ result, update }) => {
+                    await update();
+                    if (result.type === "success") {
+                        toast({
+                            message: "Note deleted",
+                            type: "success",
+                        });
+                    }
+                };
+            }}
+        >
+            <input type="hidden" name="id" value={noteId} />
+            <button type="submit" form={noteId}>
+                <div
+                    class="h-5 w-5 text-error-500 hover:text-error-400 transition"
+                >
+                    <DeleteIcon />
+                </div>
+            </button>
+        </form>
+    </div>
+</div>
diff --git a/client/src/routes/(app)/notes/NoteDrawer.svelte b/client/src/routes/(app)/notes/NoteDrawer.svelte
new file mode 100644
index 00000000..8d3abf45
--- /dev/null
+++ b/client/src/routes/(app)/notes/NoteDrawer.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+    import { enhance } from "$app/forms";
+    import Drawer from "$lib/components/Drawer.svelte";
+    import Button from "$lib/form/Button.svelte";
+    import Input from "$lib/form/Input.svelte";
+    import { toast } from "$lib/toast/toast";
+    import type { ActionData } from "./$types";
+
+    export let open: boolean;
+    export let form: ActionData;
+
+    let title = "";
+    let content = "";
+    let loading = false;
+</script>
+
+<Drawer {open} on:clickOutside>
+    (open = false)}>
+    <span slot="header">
+        <h2>Create note</h2>
+    </span>
+    <span slot="content">
+        <form
+            action="?/createNote"
+            id="createNote"
+            method="post"
+            use:enhance={() => {
+                return async ({ result, update }) => {
+                    loading = true;
+                    await update({ reset: false });
+                    if (result.type === "success") {
+                        toast({
+                            message: "Note created",
+                            type: "success",
+                        });
+                    }
+                    loading = false;
+                };
+            }}
+        >
+            <div class="p-6">
+                <Input
+                    name="title"
+                    bind:value={title}
+                    label="Title"
+                    errors={form?.error?.fieldErrors.title ?? []}
+                />
+                <Input
+                    textarea
+                    name="content"
+                    bind:value={content}
+                    label="Content"
+                    errors={form?.error?.fieldErrors.content ?? []}
+                />
+            </div>
+        </form>
+    </span>
+    <span slot="footer">
+        <div class="w-28">
+            <Button form="createNote" {loading}>Submit</Button>
+        </div>
+    </span>
+</Drawer>
diff --git a/client/src/routes/(app)/notes1/+page.svelte b/client/src/routes/(app)/notes1/+page.svelte
index d9ccf0a6..b2c36c06 100644
--- a/client/src/routes/(app)/notes1/+page.svelte
+++ b/client/src/routes/(app)/notes1/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { enhance } from "$app/forms";
     import type { PageData } from "./$types";
-    import Note from "../note/Note.svelte";
+    import Note from "../notes/Note.svelte";
 
     export let data: PageData;
 </script>
diff --git a/client/src/routes/(app)/notes2/+page.svelte b/client/src/routes/(app)/notes2/+page.svelte
index 509a71ca..ab449df0 100644
--- a/client/src/routes/(app)/notes2/+page.svelte
+++ b/client/src/routes/(app)/notes2/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { enhance } from "$app/forms";
     import type { PageData } from "./$types";
-    import Note from "../note/Note.svelte";
+    import Note from "../notes/Note.svelte";
 
     export let data: PageData;
 </script>
diff --git a/client/src/routes/(app)/notes3/+page.svelte b/client/src/routes/(app)/notes3/+page.svelte
deleted file mode 100644
index 5f2ab262..00000000
--- a/client/src/routes/(app)/notes3/+page.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-    import { enhance } from "$app/forms";
-    import type { PageData } from "./$types";
-    import Note from "../note/Note.svelte";
-
-    export let data: PageData;
-</script>
-
-<section class="p-4">
-    <h1 class="text-center mb-4">Notes with Streamed Users with one request</h1>
-    <h2 class="text-center">
-        Notes loaded in {data.duration.toFixed(4)}ms
-        <br />
-        Count: {data.notes.length}
-    </h2>
-
-    {#each data.notes as note}
-        <Note noteId={note.id}>
-            <span slot="title">{note.title}</span>
-            <span slot="content">{note.content}</span>
-            <span slot="user">
-                {#await data.streamed.users}
-                    Loading...
-                {:then users}
-                    {#if users.find((u) => u.id === note.userId)}
-                        {users.find((u) => u.id === note.userId)?.email}
-                    {:else}
-                        User not found
-                    {/if}
-                {/await}
-            </span>
-        </Note>
-        <form
-            class="flex flex-col"
-            action="?/deleteNote"
-            method="post"
-            id={note.id}
-            use:enhance
-        >
-            <input type="hidden" name="id" value={note.id} />
-        </form>
-    {/each}
-</section>
diff --git a/client/src/routes/(app)/profile/+page.server.ts b/client/src/routes/(app)/profile/+page.server.ts
new file mode 100644
index 00000000..8d2ef0f8
--- /dev/null
+++ b/client/src/routes/(app)/profile/+page.server.ts
@@ -0,0 +1,260 @@
+import { usersClient, utilsClient } from "$lib/grpc";
+import { createMetadata } from "$lib/metadata";
+import type { File, File__Output } from "$lib/proto/proto/File";
+import type { FileId } from "$lib/proto/proto/FileId";
+import { FileType } from "$lib/proto/proto/FileType";
+import type { User, User__Output } from "$lib/proto/proto/User";
+import type { UserId } from "$lib/proto/proto/UserId";
+import { error, fail } from "@sveltejs/kit";
+import { z } from "zod";
+import type { Actions, PageServerLoad } from "./$types";
+
+export const load = (async ({ locals }) => {
+    try {
+        const start = performance.now();
+        const userId = locals.userId;
+        const request: UserId = { userId: userId };
+        const metadata = createMetadata(userId);
+
+        const user = await new Promise<User__Output>((resolve, reject) => {
+            usersClient.getUser(request, metadata, (err, response) =>
+                err || !response ? reject(err) : resolve(response),
+            );
+        });
+
+        let file: Promise<
+            { id: string; name: string; data: string } | undefined
+        > = Promise.resolve(undefined);
+        if (user.avatar) {
+            const fileId: FileId = {
+                fileId: user.avatar,
+                targetId: userId,
+            };
+            file = new Promise((resolve, reject) => {
+                utilsClient.getFile(fileId, metadata, (err, response) => {
+                    if (err) {
+                        reject(err);
+                    } else if (response) {
+                        const file = {
+                            id: response.id,
+                            name: response.name,
+                            data: Buffer.from(response.buffer).toString(
+                                "base64",
+                            ),
+                        };
+                        resolve(file);
+                    } else {
+                        resolve(undefined);
+                    }
+                });
+            });
+        }
+
+        const end = performance.now();
+        return {
+            user: user,
+            duration: end - start,
+            stream: {
+                file: file,
+            },
+        };
+    } catch (err) {
+        console.error(err);
+        // return fail(500, { error: "Could not load user" });
+        throw error(500, "Could not load user");
+    }
+}) satisfies PageServerLoad;
+
+export const actions = {
+    createUser: async ({ request, locals }) => {
+        try {
+            const form = await request.formData();
+            const name = form.get("name");
+            const avatar = form.get("avatar");
+            const schema = z
+                .object({
+                    name: z.string().max(1000),
+                    avatar: z.string().optional(),
+                })
+                .safeParse({ name, avatar });
+
+            if (!schema.success) {
+                console.error(schema.error);
+                return fail(409, { form: schema.error.flatten() });
+            }
+
+            const data: User = {
+                name: schema.data.name,
+                avatar: schema.data.avatar || undefined,
+            };
+            const metadata = createMetadata(locals.userId);
+            const user = await new Promise<User__Output>((resolve, reject) => {
+                usersClient.createUser(data, metadata, (err, response) =>
+                    err || !response ? reject(err) : resolve(response),
+                );
+            });
+
+            return { user: user };
+        } catch (err) {
+            console.error(err);
+            return fail(500, { error: "Could not create user" });
+        }
+    },
+    createAvatar: async ({ request, locals }) => {
+        try {
+            const start = performance.now();
+
+            const form = await request.formData();
+            const targetId = locals.userId;
+            const type = form.get("type");
+            const file = form.get("file");
+            const avatar = form.get("avatar");
+            const name = form.get("name");
+
+            if (!(file instanceof File) || file.size === 0) {
+                return fail(400, { error: "Invalid file" });
+            }
+
+            // max 10MB
+            if (file.size > 10 * 1024 * 1024) {
+                return fail(400, { error: "File too large. Max 10MB" });
+            }
+
+            const fileName = file.name;
+            const buffer = Buffer.from(await file.arrayBuffer());
+
+            // Validate
+            const schema = z
+                .object({
+                    targetId: z.string().uuid(),
+                    fileName: z.string().min(1),
+                    type: z.nativeEnum(FileType),
+                    buffer: z.instanceof(Buffer),
+                    avatar: z.string().optional(),
+                    name: z.string().optional(),
+                })
+                .safeParse({
+                    targetId,
+                    fileName,
+                    type,
+                    buffer,
+                    avatar,
+                    name,
+                });
+            if (!schema.success) {
+                console.error(schema.error);
+                return fail(400, { error: "Invalid request" });
+            }
+
+            const metadata = createMetadata(locals.userId);
+            // Delete old avatar
+            if (schema.data.avatar) {
+                const oldFileId: FileId = {
+                    fileId: schema.data.avatar,
+                    targetId: schema.data.targetId,
+                };
+                await new Promise((resolve, reject) => {
+                    utilsClient.deleteFile(
+                        oldFileId,
+                        metadata,
+                        (err, response) =>
+                            err || !response ? reject(err) : resolve(response),
+                    );
+                });
+            }
+
+            // Create file
+            const newFileData: File = {
+                targetId: schema.data.targetId,
+                name: schema.data.fileName,
+                type: schema.data.type,
+                buffer: schema.data.buffer,
+            };
+            const newFile = await new Promise<File__Output>(
+                (resolve, reject) => {
+                    utilsClient.createFile(
+                        newFileData,
+                        metadata,
+                        (err, response) =>
+                            err || !response ? reject(err) : resolve(response),
+                    );
+                },
+            );
+            if (!newFile.id) {
+                return fail(500, { error: "Could not create file" });
+            }
+
+            // Create avatar
+            const data: User = {
+                name: schema.data.name,
+                avatar: newFile.id,
+            };
+            const user = await new Promise<User__Output>((resolve, reject) => {
+                usersClient.createUser(data, metadata, (err, response) =>
+                    err || !response ? reject(err) : resolve(response),
+                );
+            });
+
+            const end = performance.now();
+            return {
+                user: user,
+                duration: end - start,
+            };
+        } catch (err) {
+            console.error(err);
+            return fail(500, { error: "Could not create avatar" });
+        }
+    },
+    deleteAvatar: async ({ request, locals }) => {
+        const start = performance.now();
+
+        const form = await request.formData();
+        const fileId = form.get("fileId");
+        const targetId = locals.userId;
+        const name = form.get("name");
+
+        const schema = z
+            .object({
+                fileId: z.string().uuid(),
+                targetId: z.string().uuid(),
+                name: z.string().optional(),
+            })
+            .safeParse({
+                fileId,
+                targetId,
+                name,
+            });
+
+        if (!schema.success) {
+            console.error(schema.error);
+            return fail(409, { error: "Invalid request" });
+        }
+
+        const metadata = createMetadata(locals.userId);
+
+        // Delete file
+        const fileData: FileId = {
+            fileId: schema.data.fileId,
+            targetId: schema.data.targetId,
+        };
+        const file = new Promise<File__Output>((resolve, reject) => {
+            utilsClient.deleteFile(fileData, metadata, (err, response) =>
+                err || !response ? reject(err) : resolve(response),
+            );
+        });
+
+        // Update user
+        const data: User = {
+            name: schema.data.name,
+        };
+        const user = new Promise<User__Output>((resolve, reject) => {
+            usersClient.createUser(data, metadata, (err, response) =>
+                err || !response ? reject(err) : resolve(response),
+            );
+        });
+
+        await Promise.all([file, user]);
+        const end = performance.now();
+        return { duration: end - start };
+    },
+} satisfies Actions;
diff --git a/client/src/routes/(app)/profile/+page.svelte b/client/src/routes/(app)/profile/+page.svelte
new file mode 100644
index 00000000..1116bcd6
--- /dev/null
+++ b/client/src/routes/(app)/profile/+page.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+    import { setContext } from "svelte";
+    import ProfileAvatar from "./ProfileAvatar.svelte";
+    import ProfileData from "./ProfileData.svelte";
+    import { toast } from "$lib/toast/toast";
+    import { writable } from "svelte/store";
+    import type { ProfileContext, ProfileStore } from "./profile.types";
+
+    export let data;
+    export let form;
+    $: if (form?.error) {
+        toast({
+            message: form.error,
+            type: "error",
+        });
+    }
+
+    const profileStore = writable<ProfileStore>();
+    $: profileStore.set({
+        user: data.user,
+        file: data.stream.file,
+    });
+    setContext<ProfileContext>("profile", profileStore);
+</script>
+
+<h3 class="text-right">
+    {data.duration.toFixed(4)}ms
+</h3>
+
+<div class="flex flex-col border border-primary-600 rounded">
+    <div class="p-4">
+        <h3>Your email</h3>
+        <p>{data.email}</p>
+    </div>
+    <div class="border-b border-primary-600" />
+    <ProfileData />
+    <div class="border-b border-primary-600" />
+    <ProfileAvatar />
+</div>
diff --git a/client/src/routes/(app)/profile/ProfileAvatar.svelte b/client/src/routes/(app)/profile/ProfileAvatar.svelte
new file mode 100644
index 00000000..33486fa6
--- /dev/null
+++ b/client/src/routes/(app)/profile/ProfileAvatar.svelte
@@ -0,0 +1,122 @@
+<script lang="ts">
+    import Button from "$lib/form/Button.svelte";
+    import EmptyAvatar from "$lib/icons/EmptyAvatar.svelte";
+    import { getContext } from "svelte";
+    import type { ProfileContext } from "./profile.types";
+    import SaveIcon from "$lib/icons/SaveIcon.svelte";
+    import { FileType } from "$lib/proto/proto/FileType";
+    import { enhance } from "$app/forms";
+    import { toast } from "$lib/toast/toast";
+    import FileInput from "$lib/form/FileInput.svelte";
+    import DeleteIcon from "$lib/icons/DeleteIcon.svelte";
+    import DownloadIcon from "$lib/icons/DownloadIcon.svelte";
+
+    const profile = getContext<ProfileContext>("profile");
+    let loading = false;
+    let deleteLoading = false;
+</script>
+
+<div class="p-4 flex flex-col gap-4">
+    <h3>Your avatar</h3>
+    {#await $profile.file}
+        <div class="h-16 w-16">
+            <EmptyAvatar />
+        </div>
+    {:then file}
+        {#if file}
+            <div class="flex flex-row items-center gap-4">
+                <div class="h-16 w-16">
+                    <img
+                        src={`data:image;base64,${file.data}`}
+                        alt="Avatar"
+                        class="rounded-full object-cover h-full w-full"
+                    />
+                </div>
+                <div class="flex flex-row gap-2">
+                    <form action="/api/files" method="post">
+                        <input type="hidden" name="base64" value={file.data} />
+                        <input type="hidden" name="name" value={file.name} />
+                        <Button variant="secondary">
+                            <span slot="icon">
+                                <DownloadIcon />
+                            </span>
+                            Download
+                        </Button>
+                    </form>
+                    <form
+                        action="?/deleteAvatar"
+                        method="post"
+                        use:enhance={() => {
+                            return async ({ result, update }) => {
+                                deleteLoading = true;
+                                await update();
+                                if (result.type === "success") {
+                                    toast({
+                                        message: "Avatar deleted",
+                                        type: "success",
+                                    });
+                                }
+                                deleteLoading = false;
+                            };
+                        }}
+                    >
+                        <input type="hidden" name="fileId" value={file.id} />
+                        <input
+                            type="hidden"
+                            name="name"
+                            value={$profile.user.name || ""}
+                        />
+                        <Button variant="error" {loading}>
+                            <span slot="icon">
+                                <DeleteIcon />
+                            </span>
+                            Delete
+                        </Button>
+                    </form>
+                </div>
+            </div>
+        {:else}
+            <div class="h-16 w-16">
+                <EmptyAvatar />
+            </div>
+        {/if}
+    {/await}
+    <form
+        action="?/createAvatar"
+        method="post"
+        enctype="multipart/form-data"
+        use:enhance={() => {
+            return async ({ result, update }) => {
+                loading = true;
+                await update();
+                if (result.type === "success") {
+                    toast({
+                        message: "Avatar uploaded",
+                        type: "success",
+                    });
+                }
+                loading = false;
+            };
+        }}
+    >
+        <input
+            type="hidden"
+            name="avatar"
+            value={$profile.user.avatar ? $profile.user.avatar : ""}
+        />
+        <input type="hidden" name="type" value={FileType.AVATAR} />
+        <input type="hidden" name="name" value={$profile.user.name || ""} />
+
+        <div class="flex flex-row items-center gap-4">
+            <div class="w-28">
+                <Button {loading}>
+                    <span slot="icon">
+                        <SaveIcon />
+                    </span>
+                    Upload
+                </Button>
+            </div>
+            <FileInput label="Choose new avatar" name="file" />
+        </div>
+    </form>
+</div>
diff --git a/client/src/routes/(app)/profile/ProfileData.svelte b/client/src/routes/(app)/profile/ProfileData.svelte
new file mode 100644
index 00000000..c0d535bc
--- /dev/null
+++ b/client/src/routes/(app)/profile/ProfileData.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+    import { enhance } from "$app/forms";
+    import Button from "$lib/form/Button.svelte";
+    import Input from "$lib/form/Input.svelte";
+    import { getContext } from "svelte";
+    import { toast } from "$lib/toast/toast";
+    import SaveIcon from "$lib/icons/SaveIcon.svelte";
+    import type { ProfileContext } from "./profile.types";
+
+    const profile = getContext<ProfileContext>("profile");
+    let loading = false;
+</script>
+
+<form
+    action="?/createUser"
+    method="post"
+    use:enhance={() => {
+        return async ({ result, update }) => {
+            loading = true;
+            await update({ reset: false });
+            if (result.type === "success") {
+                toast({
+                    message: "Profile updated",
+                    type: "success",
+                });
+            }
+            loading = false;
+        };
+    }}
+    class="p-4"
+>
+    <h3 class="mb-4">Your name</h3>
+    <input type="hidden" name="avatar" value={$profile.user.avatar ?? ""} />
+    <Input bind:value={$profile.user.name} name="name" />
+    <div class="w-28">
+        <Button type="submit" {loading}>
+            <span slot="icon">
+                <SaveIcon />
+            </span>
+            Save
+        </Button>
+    </div>
+</form>
diff --git a/client/src/routes/(app)/profile/profile.types.ts b/client/src/routes/(app)/profile/profile.types.ts
new file mode 100644
index 00000000..6678e5e3
--- /dev/null
+++ b/client/src/routes/(app)/profile/profile.types.ts
@@ -0,0 +1,18 @@
+import type { User__Output } from "$lib/proto/proto/User";
+import { writable, type Writable } from "svelte/store";
+
+export type ProfileStore = {
+    user: User__Output;
+    file: Promise<
+        | {
+              id: string;
+              name: string;
+              data: string;
+          }
+        | undefined
+    >;
+};
+export type ProfileContext = Writable<ProfileStore>;
+
+export const avatarStore =
+    writable<Promise<{ name: string; data: string } | undefined>>(undefined);
diff --git a/client/src/routes/(app)/todos/+page.svelte b/client/src/routes/(app)/todos/+page.svelte
new file mode 100644
index 00000000..bc5c99aa
--- /dev/null
+++ b/client/src/routes/(app)/todos/+page.svelte
@@ -0,0 +1 @@
+<h1>Todo list</h1>
diff --git a/client/src/routes/+layout.svelte b/client/src/routes/+layout.svelte
index b9104947..1d73f298 100644
--- a/client/src/routes/+layout.svelte
+++ b/client/src/routes/+layout.svelte
@@ -1,5 +1,12 @@
 <script lang="ts">
     import "../app.css";
+    import Toast from "$lib/toast/Toast.svelte";
+    import { toastStore } from "$lib/toast/toast";
 </script>
 
+<div class="absolute top-10 right-10 flex flex-col gap-2">
+    {#each $toastStore as toast}
+        <Toast {toast} />
+    {/each}
+</div>
 <slot />
diff --git a/client/src/routes/api/+server.ts b/client/src/routes/api/+server.ts
deleted file mode 100644
index 04ac03bb..00000000
--- a/client/src/routes/api/+server.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { RequestHandler } from "./$types";
-
-export const POST = (async ({ request }) => {
-    // Get base64 encoded string
-    const data = await request.formData();
-    const base64 = data.get("base64") as string;
-    const name = data.get("name") as string;
-
-    // Convert base64 string to buffer
-    const buffer = Buffer.from(base64, "base64");
-    return new Response(buffer, {
-        headers: {
-            "content-type": "application/octet-stream",
-            "content-disposition": `attachment; filename=${name}`,
-        },
-    });
-}) satisfies RequestHandler;
diff --git a/client/src/routes/auth/+page.svelte b/client/src/routes/auth/+page.svelte
index ac4c5209..ecba60b7 100644
--- a/client/src/routes/auth/+page.svelte
+++ b/client/src/routes/auth/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import Button from "$lib/form/Button.svelte";
     import Input from "$lib/form/Input.svelte";
-    import Gmail from "$lib/icons/gmail.svelte";
+    import GmailIcon from "$lib/icons/GmailIcon.svelte";
     import { signIn } from "@auth/sveltekit/client";
 
     let email = "";
@@ -26,11 +26,11 @@
 >
     <h2 class="text-primary-200">Welcome back</h2>
     <p class="text-primary-300 mb-4 mt-2">
-        Log in and explore! Also now You can say "I use Rust".
+        Sign in so You can say "I use Rust"
     </p>
     <Button on:click={onSignInUsingGoogle}>
-        <div class="h-6">
-            <Gmail />
+        <div class="h-5">
+            <GmailIcon />
         </div>
         <div>Google</div>
     </Button>
diff --git a/client/tailwind.config.cjs b/client/tailwind.config.cjs
index 2c525dd5..53e9cdeb 100644
--- a/client/tailwind.config.cjs
+++ b/client/tailwind.config.cjs
@@ -7,8 +7,7 @@ module.exports = {
                 inter: ["Inter"],
             },
             boxShadow: {
-                inner2: "inset 0 2px 2px 0 rgba(0, 0, 0, 0.1)",
-                inner3: "inset 0 1px 3px rgba(0,0,0,0.3), inset 0 -1px 2px rgba(0,0,0,0.3)",
+                inner: "inset 0 1px 3px rgba(0,0,0,0.3), inset 0 -1px 2px rgba(0,0,0,0.3)",
             },
             colors: {
                 primary: {
@@ -35,6 +34,15 @@ module.exports = {
                     800: "#115e59",
                     900: "#134e4a",
                 },
+                success: {
+                    400: "#34D399",
+                    500: "#10B981",
+                },
+                error: {
+                    400: "#F87171",
+                    500: "#EF4444",
+                    600: "#DC2626",
+                },
             },
         },
     },
diff --git a/docker-compose.yml b/docker-compose.yml
index 2891dd1d..3f29383c 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -19,6 +19,7 @@ services:
       dockerfile: Dockerfile.dev
     volumes:
       - ./files:/app/files
+      - ./service-utils:/app
     depends_on:
       - db-utils
     environment:
@@ -43,6 +44,8 @@ services:
     build:
       context: ./service-users/
       dockerfile: Dockerfile.dev
+    volumes:
+      - ./service-users:/app
     depends_on:
       - db-users
     environment:
@@ -65,6 +68,8 @@ services:
     build:
       context: ./service-notes/
       dockerfile: Dockerfile.dev
+    volumes:
+      - ./service-notes:/app
     depends_on:
       - db-notes
       - service-users
diff --git a/proto.sh b/proto.sh
new file mode 100644
index 00000000..3f12430d
--- /dev/null
+++ b/proto.sh
@@ -0,0 +1,8 @@
+cd client
+npm run proto
+cd ../service-users
+cargo run --bin proto
+cd ../service-notes
+cargo run --bin proto
+cd ../service-utils
+cargo run --bin proto
diff --git a/proto/main.proto b/proto/main.proto
index 26c45483..84ff708e 100644
--- a/proto/main.proto
+++ b/proto/main.proto
@@ -18,10 +18,12 @@ service UsersService {
     rpc Auth(AuthRequest) returns (User) {}
     rpc GetUsers(UserIds) returns (stream User) {}
     rpc GetUser(UserId) returns (User) {}
+    rpc CreateUser(User) returns (User) {}
 }
 
 service UtilsService {
     rpc GetFiles(TargetId) returns (stream File) {}
+    rpc GetFile(FileId) returns (File) {}
     rpc CreateFile(File) returns (File) {}
     rpc DeleteFile(FileId) returns (File) {}
 }
diff --git a/proto/users.proto b/proto/users.proto
index b690c602..96a60b09 100644
--- a/proto/users.proto
+++ b/proto/users.proto
@@ -22,5 +22,8 @@ message User {
     string email = 5;
     UserRole role = 6;
     string sub = 7;
+
+    string name = 8;
+    optional string avatar = 9;
 }
 
diff --git a/proto/utils.proto b/proto/utils.proto
index b3de541d..4b2c0e63 100644
--- a/proto/utils.proto
+++ b/proto/utils.proto
@@ -4,10 +4,12 @@ package proto;
 
 enum FileType {
     DOCUMENT = 0;
+    AVATAR = 1;
 }
 
 message TargetId {
     string targetId = 1;
+    FileType type = 2;
 }
 
 message FileId {
@@ -25,5 +27,5 @@ message File {
     string name = 6;
     FileType type = 7;
 
-    bytes data = 8;
+    bytes buffer = 8;
 }
diff --git a/service-notes/Dockerfile b/service-notes/Dockerfile
index 3476fda5..5d5c5f92 100644
--- a/service-notes/Dockerfile
+++ b/service-notes/Dockerfile
@@ -1,4 +1,4 @@
-FROM rust:1.67 as build
+FROM rust:1.69 as build
 
 WORKDIR /app
 
diff --git a/service-notes/Dockerfile.dev b/service-notes/Dockerfile.dev
index 4091e726..7dbf0e75 100644
--- a/service-notes/Dockerfile.dev
+++ b/service-notes/Dockerfile.dev
@@ -1,10 +1,11 @@
-FROM rust:1.67
+FROM rust:1.69
 
 WORKDIR /app
 
 COPY ./Cargo.toml /app/Cargo.toml
 COPY ./Cargo.lock /app/Cargo.lock
 COPY ./migrations /app/migrations
+COPY ./target /app/target
 COPY ./src /app/src
 RUN cargo build
 
diff --git a/service-notes/src/main.rs b/service-notes/src/main.rs
index 9216f7d7..ea275ec3 100644
--- a/service-notes/src/main.rs
+++ b/service-notes/src/main.rs
@@ -70,7 +70,7 @@ fn check_auth(mut req: Request<()>) -> Result<Request<()>, Status> {
                     .parse()
                     .map_err(|_| Status::unauthenticated("Invalid user id"))?,
             );
-            return Ok(req);
+            Ok(req)
         }
         _ => Err(Status::unauthenticated("No valid auth token")),
     }
diff --git a/service-notes/src/notes_service.rs b/service-notes/src/notes_service.rs
index db79cb53..4f334949 100644
--- a/service-notes/src/notes_service.rs
+++ b/service-notes/src/notes_service.rs
@@ -211,17 +211,13 @@ impl NotesService for MyService {
             Uuid::parse_str(&note.user_id).map_err(|e| Status::internal(e.to_string()))?;
 
         // do it 100 times
-        for _ in 0..100 {
-            query(
-                "INSERT INTO notes (title, content, \"userId\") VALUES ($1, $2, $3) RETURNING *",
-            )
+        query("INSERT INTO notes (title, content, \"userId\") VALUES ($1, $2, $3) RETURNING *")
             .bind(note.title.clone())
             .bind(note.content.clone())
             .bind(user_id)
             .fetch_one(&mut tx)
             .await
             .map_err(sqlx::Error::into_status)?;
-        }
 
         // commit transaction
         tx.commit().await.map_err(sqlx::Error::into_status)?;
diff --git a/service-notes/src/proto.rs b/service-notes/src/proto.rs
index 1a924350..70f40cac 100644
--- a/service-notes/src/proto.rs
+++ b/service-notes/src/proto.rs
@@ -23,6 +23,10 @@ pub struct User {
     pub role: i32,
     #[prost(string, tag = "7")]
     pub sub: ::prost::alloc::string::String,
+    #[prost(string, tag = "8")]
+    pub name: ::prost::alloc::string::String,
+    #[prost(string, optional, tag = "9")]
+    pub avatar: ::core::option::Option<::prost::alloc::string::String>,
 }
 #[derive(Clone, Copy, Debug, PartialEq, Eq, Hash, PartialOrd, Ord, ::prost::Enumeration)]
 #[repr(i32)]
@@ -58,6 +62,8 @@ impl UserRole {
 pub struct TargetId {
     #[prost(string, tag = "1")]
     pub target_id: ::prost::alloc::string::String,
+    #[prost(enumeration = "FileType", tag = "2")]
+    pub r#type: i32,
 }
 #[allow(clippy::derive_partial_eq_without_eq)]
 #[derive(Clone, PartialEq, ::prost::Message)]
@@ -85,12 +91,13 @@ pub struct File {
     #[prost(enumeration = "FileType", tag = "7")]
     pub r#type: i32,
     #[prost(bytes = "vec", tag = "8")]
-    pub data: ::prost::alloc::vec::Vec<u8>,
+    pub buffer: ::prost::alloc::vec::Vec<u8>,
 }
 #[derive(Clone, Copy, Debug, PartialEq, Eq, Hash, PartialOrd, Ord, ::prost::Enumeration)]
 #[repr(i32)]
 pub enum FileType {
     Document = 0,
+    Avatar = 1,
 }
 impl FileType {
     /// String value of the enum field names used in the ProtoBuf definition.
@@ -100,12 +107,14 @@ impl FileType {
     pub fn as_str_name(&self) -> &'static str {
         match self {
             FileType::Document => "DOCUMENT",
+            FileType::Avatar => "AVATAR",
         }
     }
     /// Creates an enum from field names used in the ProtoBuf definition.
     pub fn from_str_name(value: &str) -> ::core::option::Option<Self> {
         match value {
             "DOCUMENT" => Some(Self::Document),
+            "AVATAR" => Some(Self::Avatar),
             _ => None,
         }
     }
@@ -147,6 +156,12 @@ pub struct UserId {
     #[prost(string, tag = "1")]
     pub user_id: ::prost::alloc::string::String,
 }
+#[allow(clippy::derive_partial_eq_without_eq)]
+#[derive(Clone, PartialEq, ::prost::Message)]
+pub struct UserIds {
+    #[prost(string, repeated, tag = "1")]
+    pub user_ids: ::prost::alloc::vec::Vec<::prost::alloc::string::String>,
+}
 /// Generated client implementations.
 pub mod users_service_client {
     #![allow(unused_variables, dead_code, missing_docs, clippy::let_unit_value)]
@@ -235,7 +250,7 @@ pub mod users_service_client {
         }
         pub async fn get_users(
             &mut self,
-            request: impl tonic::IntoStreamingRequest<Message = super::UserId>,
+            request: impl tonic::IntoRequest<super::UserIds>,
         ) -> Result<
             tonic::Response<tonic::codec::Streaming<super::User>>,
             tonic::Status,
@@ -253,7 +268,7 @@ pub mod users_service_client {
             let path = http::uri::PathAndQuery::from_static(
                 "/proto.UsersService/GetUsers",
             );
-            self.inner.streaming(request.into_streaming_request(), path, codec).await
+            self.inner.server_streaming(request.into_request(), path, codec).await
         }
         pub async fn get_user(
             &mut self,
@@ -274,6 +289,25 @@ pub mod users_service_client {
             );
             self.inner.unary(request.into_request(), path, codec).await
         }
+        pub async fn create_user(
+            &mut self,
+            request: impl tonic::IntoRequest<super::User>,
+        ) -> Result<tonic::Response<super::User>, tonic::Status> {
+            self.inner
+                .ready()
+                .await
+                .map_err(|e| {
+                    tonic::Status::new(
+                        tonic::Code::Unknown,
+                        format!("Service was not ready: {}", e.into()),
+                    )
+                })?;
+            let codec = tonic::codec::ProstCodec::default();
+            let path = http::uri::PathAndQuery::from_static(
+                "/proto.UsersService/CreateUser",
+            );
+            self.inner.unary(request.into_request(), path, codec).await
+        }
     }
 }
 /// Generated client implementations.
@@ -367,6 +401,25 @@ pub mod utils_service_client {
             );
             self.inner.server_streaming(request.into_request(), path, codec).await
         }
+        pub async fn get_file(
+            &mut self,
+            request: impl tonic::IntoRequest<super::FileId>,
+        ) -> Result<tonic::Response<super::File>, tonic::Status> {
+            self.inner
+                .ready()
+                .await
+                .map_err(|e| {
+                    tonic::Status::new(
+                        tonic::Code::Unknown,
+                        format!("Service was not ready: {}", e.into()),
+                    )
+                })?;
+            let codec = tonic::codec::ProstCodec::default();
+            let path = http::uri::PathAndQuery::from_static(
+                "/proto.UtilsService/GetFile",
+            );
+            self.inner.unary(request.into_request(), path, codec).await
+        }
         pub async fn create_file(
             &mut self,
             request: impl tonic::IntoRequest<super::File>,
@@ -579,12 +632,16 @@ pub mod users_service_server {
             + 'static;
         async fn get_users(
             &self,
-            request: tonic::Request<tonic::Streaming<super::UserId>>,
+            request: tonic::Request<super::UserIds>,
         ) -> Result<tonic::Response<Self::GetUsersStream>, tonic::Status>;
         async fn get_user(
             &self,
             request: tonic::Request<super::UserId>,
         ) -> Result<tonic::Response<super::User>, tonic::Status>;
+        async fn create_user(
+            &self,
+            request: tonic::Request<super::User>,
+        ) -> Result<tonic::Response<super::User>, tonic::Status>;
     }
     #[derive(Debug)]
     pub struct UsersServiceServer<T: UsersService> {
@@ -684,7 +741,9 @@ pub mod users_service_server {
                 "/proto.UsersService/GetUsers" => {
                     #[allow(non_camel_case_types)]
                     struct GetUsersSvc<T: UsersService>(pub Arc<T>);
-                    impl<T: UsersService> tonic::server::StreamingService<super::UserId>
+                    impl<
+                        T: UsersService,
+                    > tonic::server::ServerStreamingService<super::UserIds>
                     for GetUsersSvc<T> {
                         type Response = super::User;
                         type ResponseStream = T::GetUsersStream;
@@ -694,7 +753,7 @@ pub mod users_service_server {
                         >;
                         fn call(
                             &mut self,
-                            request: tonic::Request<tonic::Streaming<super::UserId>>,
+                            request: tonic::Request<super::UserIds>,
                         ) -> Self::Future {
                             let inner = self.0.clone();
                             let fut = async move { (*inner).get_users(request).await };
@@ -713,7 +772,7 @@ pub mod users_service_server {
                                 accept_compression_encodings,
                                 send_compression_encodings,
                             );
-                        let res = grpc.streaming(method, req).await;
+                        let res = grpc.server_streaming(method, req).await;
                         Ok(res)
                     };
                     Box::pin(fut)
@@ -754,6 +813,42 @@ pub mod users_service_server {
                     };
                     Box::pin(fut)
                 }
+                "/proto.UsersService/CreateUser" => {
+                    #[allow(non_camel_case_types)]
+                    struct CreateUserSvc<T: UsersService>(pub Arc<T>);
+                    impl<T: UsersService> tonic::server::UnaryService<super::User>
+                    for CreateUserSvc<T> {
+                        type Response = super::User;
+                        type Future = BoxFuture<
+                            tonic::Response<Self::Response>,
+                            tonic::Status,
+                        >;
+                        fn call(
+                            &mut self,
+                            request: tonic::Request<super::User>,
+                        ) -> Self::Future {
+                            let inner = self.0.clone();
+                            let fut = async move { (*inner).create_user(request).await };
+                            Box::pin(fut)
+                        }
+                    }
+                    let accept_compression_encodings = self.accept_compression_encodings;
+                    let send_compression_encodings = self.send_compression_encodings;
+                    let inner = self.inner.clone();
+                    let fut = async move {
+                        let inner = inner.0;
+                        let method = CreateUserSvc(inner);
+                        let codec = tonic::codec::ProstCodec::default();
+                        let mut grpc = tonic::server::Grpc::new(codec)
+                            .apply_compression_config(
+                                accept_compression_encodings,
+                                send_compression_encodings,
+                            );
+                        let res = grpc.unary(method, req).await;
+                        Ok(res)
+                    };
+                    Box::pin(fut)
+                }
                 _ => {
                     Box::pin(async move {
                         Ok(
@@ -810,6 +905,10 @@ pub mod utils_service_server {
             &self,
             request: tonic::Request<super::TargetId>,
         ) -> Result<tonic::Response<Self::GetFilesStream>, tonic::Status>;
+        async fn get_file(
+            &self,
+            request: tonic::Request<super::FileId>,
+        ) -> Result<tonic::Response<super::File>, tonic::Status>;
         async fn create_file(
             &self,
             request: tonic::Request<super::File>,
@@ -917,6 +1016,42 @@ pub mod utils_service_server {
                     };
                     Box::pin(fut)
                 }
+                "/proto.UtilsService/GetFile" => {
+                    #[allow(non_camel_case_types)]
+                    struct GetFileSvc<T: UtilsService>(pub Arc<T>);
+                    impl<T: UtilsService> tonic::server::UnaryService<super::FileId>
+                    for GetFileSvc<T> {
+                        type Response = super::File;
+                        type Future = BoxFuture<
+                            tonic::Response<Self::Response>,
+                            tonic::Status,
+                        >;
+                        fn call(
+                            &mut self,
+                            request: tonic::Request<super::FileId>,
+                        ) -> Self::Future {
+                            let inner = self.0.clone();
+                            let fut = async move { (*inner).get_file(request).await };
+                            Box::pin(fut)
+                        }
+                    }
+                    let accept_compression_encodings = self.accept_compression_encodings;
+                    let send_compression_encodings = self.send_compression_encodings;
+                    let inner = self.inner.clone();
+                    let fut = async move {
+                        let inner = inner.0;
+                        let method = GetFileSvc(inner);
+                        let codec = tonic::codec::ProstCodec::default();
+                        let mut grpc = tonic::server::Grpc::new(codec)
+                            .apply_compression_config(
+                                accept_compression_encodings,
+                                send_compression_encodings,
+                            );
+                        let res = grpc.unary(method, req).await;
+                        Ok(res)
+                    };
+                    Box::pin(fut)
+                }
                 "/proto.UtilsService/CreateFile" => {
                     #[allow(non_camel_case_types)]
                     struct CreateFileSvc<T: UtilsService>(pub Arc<T>);
diff --git a/service-users/Dockerfile b/service-users/Dockerfile
index b38ac25c..99a609e8 100644
--- a/service-users/Dockerfile
+++ b/service-users/Dockerfile
@@ -1,4 +1,4 @@
-FROM rust:1.67 as build
+FROM rust:1.69 as build
 
 WORKDIR /app
 
diff --git a/service-users/Dockerfile.dev b/service-users/Dockerfile.dev
index 4091e726..7dbf0e75 100644
--- a/service-users/Dockerfile.dev
+++ b/service-users/Dockerfile.dev
@@ -1,10 +1,11 @@
-FROM rust:1.67
+FROM rust:1.69
 
 WORKDIR /app
 
 COPY ./Cargo.toml /app/Cargo.toml
 COPY ./Cargo.lock /app/Cargo.lock
 COPY ./migrations /app/migrations
+COPY ./target /app/target
 COPY ./src /app/src
 RUN cargo build
 
diff --git a/service-users/migrations/2_create-users-table.sql b/service-users/migrations/2_create-users-table.sql
index d9127517..36a06845 100644
--- a/service-users/migrations/2_create-users-table.sql
+++ b/service-users/migrations/2_create-users-table.sql
@@ -6,7 +6,9 @@ CREATE TABLE
     deleted timestamptz,
     email text UNIQUE NOT NULL,
     role text NOT NULL,
-    sub text UNIQUE NOT NULL
+    sub text UNIQUE NOT NULL,
+    name text NOT NULL DEFAULT '',
+    avatar uuid
   );
 
 CREATE TRIGGER set_timestamp BEFORE
diff --git a/service-users/migrations/3_test-user.sql b/service-users/migrations/3_test-user.sql
deleted file mode 100644
index aa7be29e..00000000
--- a/service-users/migrations/3_test-user.sql
+++ /dev/null
@@ -1 +0,0 @@
-insert into users (id, email, role, sub) values ('123e4567-e89b-12d3-a456-426655440000', 'test@gmail.com', 'ROLE_USER', '123e4567-e89b-12d3-a456-426655440000');
diff --git a/service-users/src/main.rs b/service-users/src/main.rs
index a62281a6..4647c6cc 100644
--- a/service-users/src/main.rs
+++ b/service-users/src/main.rs
@@ -35,19 +35,18 @@ async fn main() -> Result<()> {
         .connect(&database_url)
         .await
         .with_context(|| format!("Failed to connect to database: {}", database_url))?;
+    println!("Connected to database");
 
     sqlx::migrate!("./migrations")
         .run(&pool)
         .await
         .context("Failed to run migrations")?;
-
     println!("Migrations ran successfully");
 
     let port = check_env("PORT")?;
     let addr = ("0.0.0.0:".to_owned() + &port)
         .parse()
         .context("Failed to parse address")?;
-
     println!("Server started on port: {}", port);
 
     let server = MyService { pool };
@@ -78,7 +77,7 @@ fn check_auth(mut req: Request<()>) -> Result<Request<()>, Status> {
                     .parse()
                     .map_err(|_| Status::unauthenticated("Invalid user id"))?,
             );
-            return Ok(req);
+            Ok(req)
         }
         _ => Err(Status::unauthenticated("No valid auth token")),
     }
diff --git a/service-users/src/proto.rs b/service-users/src/proto.rs
index 8781be67..70f40cac 100644
--- a/service-users/src/proto.rs
+++ b/service-users/src/proto.rs
@@ -23,6 +23,10 @@ pub struct User {
     pub role: i32,
     #[prost(string, tag = "7")]
     pub sub: ::prost::alloc::string::String,
+    #[prost(string, tag = "8")]
+    pub name: ::prost::alloc::string::String,
+    #[prost(string, optional, tag = "9")]
+    pub avatar: ::core::option::Option<::prost::alloc::string::String>,
 }
 #[derive(Clone, Copy, Debug, PartialEq, Eq, Hash, PartialOrd, Ord, ::prost::Enumeration)]
 #[repr(i32)]
@@ -58,6 +62,8 @@ impl UserRole {
 pub struct TargetId {
     #[prost(string, tag = "1")]
     pub target_id: ::prost::alloc::string::String,
+    #[prost(enumeration = "FileType", tag = "2")]
+    pub r#type: i32,
 }
 #[allow(clippy::derive_partial_eq_without_eq)]
 #[derive(Clone, PartialEq, ::prost::Message)]
@@ -85,12 +91,13 @@ pub struct File {
     #[prost(enumeration = "FileType", tag = "7")]
     pub r#type: i32,
     #[prost(bytes = "vec", tag = "8")]
-    pub data: ::prost::alloc::vec::Vec<u8>,
+    pub buffer: ::prost::alloc::vec::Vec<u8>,
 }
 #[derive(Clone, Copy, Debug, PartialEq, Eq, Hash, PartialOrd, Ord, ::prost::Enumeration)]
 #[repr(i32)]
 pub enum FileType {
     Document = 0,
+    Avatar = 1,
 }
 impl FileType {
     /// String value of the enum field names used in the ProtoBuf definition.
@@ -100,12 +107,14 @@ impl FileType {
     pub fn as_str_name(&self) -> &'static str {
         match self {
             FileType::Document => "DOCUMENT",
+            FileType::Avatar => "AVATAR",
         }
     }
     /// Creates an enum from field names used in the ProtoBuf definition.
     pub fn from_str_name(value: &str) -> ::core::option::Option<Self> {
         match value {
             "DOCUMENT" => Some(Self::Document),
+            "AVATAR" => Some(Self::Avatar),
             _ => None,
         }
     }
@@ -280,6 +289,25 @@ pub mod users_service_client {
             );
             self.inner.unary(request.into_request(), path, codec).await
         }
+        pub async fn create_user(
+            &mut self,
+            request: impl tonic::IntoRequest<super::User>,
+        ) -> Result<tonic::Response<super::User>, tonic::Status> {
+            self.inner
+                .ready()
+                .await
+                .map_err(|e| {
+                    tonic::Status::new(
+                        tonic::Code::Unknown,
+                        format!("Service was not ready: {}", e.into()),
+                    )
+                })?;
+            let codec = tonic::codec::ProstCodec::default();
+            let path = http::uri::PathAndQuery::from_static(
+                "/proto.UsersService/CreateUser",
+            );
+            self.inner.unary(request.into_request(), path, codec).await
+        }
     }
 }
 /// Generated client implementations.
@@ -373,6 +401,25 @@ pub mod utils_service_client {
             );
             self.inner.server_streaming(request.into_request(), path, codec).await
         }
+        pub async fn get_file(
+            &mut self,
+            request: impl tonic::IntoRequest<super::FileId>,
+        ) -> Result<tonic::Response<super::File>, tonic::Status> {
+            self.inner
+                .ready()
+                .await
+                .map_err(|e| {
+                    tonic::Status::new(
+                        tonic::Code::Unknown,
+                        format!("Service was not ready: {}", e.into()),
+                    )
+                })?;
+            let codec = tonic::codec::ProstCodec::default();
+            let path = http::uri::PathAndQuery::from_static(
+                "/proto.UtilsService/GetFile",
+            );
+            self.inner.unary(request.into_request(), path, codec).await
+        }
         pub async fn create_file(
             &mut self,
             request: impl tonic::IntoRequest<super::File>,
@@ -591,6 +638,10 @@ pub mod users_service_server {
             &self,
             request: tonic::Request<super::UserId>,
         ) -> Result<tonic::Response<super::User>, tonic::Status>;
+        async fn create_user(
+            &self,
+            request: tonic::Request<super::User>,
+        ) -> Result<tonic::Response<super::User>, tonic::Status>;
     }
     #[derive(Debug)]
     pub struct UsersServiceServer<T: UsersService> {
@@ -762,6 +813,42 @@ pub mod users_service_server {
                     };
                     Box::pin(fut)
                 }
+                "/proto.UsersService/CreateUser" => {
+                    #[allow(non_camel_case_types)]
+                    struct CreateUserSvc<T: UsersService>(pub Arc<T>);
+                    impl<T: UsersService> tonic::server::UnaryService<super::User>
+                    for CreateUserSvc<T> {
+                        type Response = super::User;
+                        type Future = BoxFuture<
+                            tonic::Response<Self::Response>,
+                            tonic::Status,
+                        >;
+                        fn call(
+                            &mut self,
+                            request: tonic::Request<super::User>,
+                        ) -> Self::Future {
+                            let inner = self.0.clone();
+                            let fut = async move { (*inner).create_user(request).await };
+                            Box::pin(fut)
+                        }
+                    }
+                    let accept_compression_encodings = self.accept_compression_encodings;
+                    let send_compression_encodings = self.send_compression_encodings;
+                    let inner = self.inner.clone();
+                    let fut = async move {
+                        let inner = inner.0;
+                        let method = CreateUserSvc(inner);
+                        let codec = tonic::codec::ProstCodec::default();
+                        let mut grpc = tonic::server::Grpc::new(codec)
+                            .apply_compression_config(
+                                accept_compression_encodings,
+                                send_compression_encodings,
+                            );
+                        let res = grpc.unary(method, req).await;
+                        Ok(res)
+                    };
+                    Box::pin(fut)
+                }
                 _ => {
                     Box::pin(async move {
                         Ok(
@@ -818,6 +905,10 @@ pub mod utils_service_server {
             &self,
             request: tonic::Request<super::TargetId>,
         ) -> Result<tonic::Response<Self::GetFilesStream>, tonic::Status>;
+        async fn get_file(
+            &self,
+            request: tonic::Request<super::FileId>,
+        ) -> Result<tonic::Response<super::File>, tonic::Status>;
         async fn create_file(
             &self,
             request: tonic::Request<super::File>,
@@ -925,6 +1016,42 @@ pub mod utils_service_server {
                     };
                     Box::pin(fut)
                 }
+                "/proto.UtilsService/GetFile" => {
+                    #[allow(non_camel_case_types)]
+                    struct GetFileSvc<T: UtilsService>(pub Arc<T>);
+                    impl<T: UtilsService> tonic::server::UnaryService<super::FileId>
+                    for GetFileSvc<T> {
+                        type Response = super::File;
+                        type Future = BoxFuture<
+                            tonic::Response<Self::Response>,
+                            tonic::Status,
+                        >;
+                        fn call(
+                            &mut self,
+                            request: tonic::Request<super::FileId>,
+                        ) -> Self::Future {
+                            let inner = self.0.clone();
+                            let fut = async move { (*inner).get_file(request).await };
+                            Box::pin(fut)
+                        }
+                    }
+                    let accept_compression_encodings = self.accept_compression_encodings;
+                    let send_compression_encodings = self.send_compression_encodings;
+                    let inner = self.inner.clone();
+                    let fut = async move {
+                        let inner = inner.0;
+                        let method = GetFileSvc(inner);
+                        let codec = tonic::codec::ProstCodec::default();
+                        let mut grpc = tonic::server::Grpc::new(codec)
+                            .apply_compression_config(
+                                accept_compression_encodings,
+                                send_compression_encodings,
+                            );
+                        let res = grpc.unary(method, req).await;
+                        Ok(res)
+                    };
+                    Box::pin(fut)
+                }
                 "/proto.UtilsService/CreateFile" => {
                     #[allow(non_camel_case_types)]
                     struct CreateFileSvc<T: UtilsService>(pub Arc<T>);
diff --git a/service-users/src/users_service.rs b/service-users/src/users_service.rs
index bfceda5c..96ef81bc 100644
--- a/service-users/src/users_service.rs
+++ b/service-users/src/users_service.rs
@@ -1,7 +1,7 @@
 use crate::proto::users_service_server::UsersService;
 use crate::proto::{AuthRequest, User, UserIds};
 use crate::proto::{UserId, UserRole};
-use crate::{users_service, MyService};
+use crate::MyService;
 use anyhow::Result;
 use sqlx::types::time::OffsetDateTime;
 use sqlx::{postgres::PgRow, query, types::Uuid, Row};
@@ -10,63 +10,58 @@ use tokio_stream::wrappers::ReceiverStream;
 use tokio_stream::StreamExt;
 use tonic::{Request, Response, Status};
 
-trait TryInto<U> {
-    type Error;
-    fn try_into(self) -> Result<U>;
-}
-
-impl TryInto<Uuid> for String {
-    type Error = anyhow::Error;
-
-    fn try_into(self) -> Result<Uuid> {
-        Uuid::parse_str(&self).map_err(|e| anyhow::anyhow!(e))
-    }
-}
-
-trait SqlxError {
+trait IntoStatus {
     fn into_status(self) -> Status;
 }
 
-impl SqlxError for sqlx::Error {
+impl IntoStatus for sqlx::Error {
     fn into_status(self) -> Status {
         match self {
             sqlx::Error::Database(e) => Status::internal(e.message()),
-            sqlx::Error::RowNotFound => Status::not_found("Note not found"),
-            sqlx::Error::ColumnNotFound(_) => Status::not_found("Note not found"),
+            sqlx::Error::RowNotFound => Status::not_found("Row not found"),
+            sqlx::Error::ColumnNotFound(_) => Status::not_found("Column not found"),
             _ => Status::internal("Unknown error"),
         }
     }
 }
 
-impl SqlxError for anyhow::Error {
+impl IntoStatus for anyhow::Error {
     fn into_status(self) -> Status {
         Status::internal(self.to_string())
     }
 }
 
-fn map_user(row: Option<PgRow>) -> Result<User> {
-    match row {
-        Some(row) => {
-            let id: Uuid = row.try_get("id")?;
-            let sub: String = row.try_get("sub")?;
-            let email: String = row.try_get("email")?;
-            let created: OffsetDateTime = row.try_get("created")?;
-            let updated: OffsetDateTime = row.try_get("updated")?;
-            let deleted: Option<OffsetDateTime> = row.try_get("deleted")?;
-            let role: String = row.try_get("role")?;
-            let role = UserRole::from_str_name(&role).ok_or(anyhow::anyhow!("Invalid role"))?;
-
-            Ok(User {
-                id: id.to_string(),
-                role: role.into(),
-                sub,
-                email,
-                created: created.to_string(),
-                updated: updated.to_string(),
-                deleted: deleted.map(|d| d.to_string()),
-            })
+impl TryFrom<Option<PgRow>> for User {
+    type Error = anyhow::Error;
+
+    fn try_from(row: Option<PgRow>) -> Result<Self, Self::Error> {
+        match row {
+            Some(row) => {
+                let id: Uuid = row.try_get("id")?;
+                let created: OffsetDateTime = row.try_get("created")?;
+                let updated: OffsetDateTime = row.try_get("updated")?;
+                let deleted: Option<OffsetDateTime> = row.try_get("deleted")?;
+                let email: String = row.try_get("email")?;
+                let role: String = row.try_get("role")?;
+                let role = UserRole::from_str_name(&role).ok_or(anyhow::anyhow!("Invalid role"))?;
+                let sub: String = row.try_get("sub")?;
+                let name = row.try_get("name")?;
+                let avatar: Option<Uuid> = row.try_get("avatar")?;
+
+                Ok(User {
+                    id: id.to_string(),
+                    created: created.to_string(),
+                    updated: updated.to_string(),
+                    deleted: deleted.map(|d| d.to_string()),
+                    email,
+                    role: role.into(),
+                    sub,
+                    name,
+                    avatar: avatar.map(|a| a.to_string()),
+                })
+            }
+            None => Err(anyhow::anyhow!("User not found")),
         }
-        None => Err(anyhow::anyhow!("User not found")),
     }
 }
 
@@ -78,8 +73,6 @@ impl UsersService for MyService {
         #[cfg(debug_assertions)]
         println!("Auth: {:?}", request);
         let start = std::time::Instant::now();
-
-        // Start transaction
         let pool = self.pool.clone();
         let mut tx = pool.begin().await.map_err(sqlx::Error::into_status)?;
 
@@ -94,7 +87,7 @@ impl UsersService for MyService {
 
         match row {
             Some(row) => {
-                let user = map_user(Some(row)).map_err(anyhow::Error::into_status)?;
+                let user: User = Some(row).try_into().map_err(anyhow::Error::into_status)?;
                 tx.commit().await.map_err(sqlx::Error::into_status)?;
                 println!("Elapsed: {:?}", start.elapsed());
                 Ok(Response::new(user))
@@ -109,7 +102,7 @@ impl UsersService for MyService {
                         .await
                         .map_err(sqlx::Error::into_status)?;
 
-                let user = map_user(Some(row)).map_err(anyhow::Error::into_status)?;
+                let user = Some(row).try_into().map_err(anyhow::Error::into_status)?;
                 tx.commit().await.map_err(sqlx::Error::into_status)?;
                 println!("Elapsed: {:?}", start.elapsed());
                 Ok(Response::new(user))
@@ -131,7 +124,7 @@ impl UsersService for MyService {
         let user_ids = request.into_inner().user_ids;
         let user_ids = user_ids
             .into_iter()
-            .map(|id| users_service::TryInto::try_into(id))
+            .map(|id| Uuid::parse_str(&id).map_err(|e| anyhow::anyhow!(e)))
             .collect::<Result<Vec<Uuid>>>()
             .map_err(anyhow::Error::into_status)?;
 
@@ -148,15 +141,17 @@ impl UsersService for MyService {
                         break;
                     }
                     Ok(user) => {
-                        let user = map_user(user);
-                        if let Err(err) = user {
-                            tx.send(Err(Status::internal(err.to_string())))
-                                .await
-                                .unwrap();
-                            break;
-                        } else {
-                            let user = user.unwrap();
-                            tx.send(Ok(user)).await.unwrap();
+                        let user = user.try_into().map_err(anyhow::Error::into_status);
+                        match user {
+                            Err(err) => {
+                                tx.send(Err(Status::internal(err.to_string())))
+                                    .await
+                                    .unwrap();
+                                break;
+                            }
+                            Ok(user) => {
+                                tx.send(Ok(user)).await.unwrap();
+                            }
                         }
                     }
                     Err(e) => {
@@ -174,31 +169,70 @@ impl UsersService for MyService {
         #[cfg(debug_assertions)]
         println!("GetUser: {:?}", request);
         let start = std::time::Instant::now();
+        let pool = self.pool.clone();
 
         let user_id_metadata = request
             .metadata()
             .get("user_id")
             .ok_or_else(|| Status::unauthenticated("Missing user_id metadata"))?
+            .to_str()
+            .map_err(|e| Status::internal(e.to_string()))?
             .to_owned();
 
-        let pool = self.pool.clone();
         let request = request.into_inner();
         let user_id = request.user_id;
-
-        if user_id != user_id_metadata.to_str().unwrap() {
+        if user_id != user_id_metadata {
             return Err(Status::unauthenticated("Invalid user_id"));
         }
 
-        let user_id: Uuid = users_service::TryInto::try_into(user_id)
-            .map_err(|e| Status::internal(e.to_string()))?;
+        let user_id = Uuid::parse_str(&user_id).map_err(|e| Status::internal(e.to_string()))?;
 
         let row = query("select * from users where id = $1")
-            .bind(&user_id)
+            .bind(user_id)
             .fetch_optional(&pool)
             .await
             .map_err(sqlx::Error::into_status)?;
 
-        let user = map_user(row).map_err(anyhow::Error::into_status)?;
+        let user = row.try_into().map_err(anyhow::Error::into_status)?;
+        println!("Elapsed: {:?}", start.elapsed());
+        Ok(Response::new(user))
+    }
+
+    async fn create_user(&self, request: Request<User>) -> Result<Response<User>, Status> {
+        #[cfg(debug_assertions)]
+        println!("CreateUser: {:?}", request);
+        let start = std::time::Instant::now();
+
+        let pool = self.pool.clone();
+        let mut tx = pool.begin().await.map_err(sqlx::Error::into_status)?;
+
+        let user_id = request
+            .metadata()
+            .get("user_id")
+            .ok_or_else(|| Status::unauthenticated("Missing user_id metadata"))?
+            .to_str()
+            .map_err(|e| Status::internal(e.to_string()))?;
+        let user_uuid = Uuid::parse_str(user_id).map_err(|e| Status::internal(e.to_string()))?;
+        let request = request.into_inner();
+
+        let avatar_id = request.avatar;
+        let avatar_uuid = match avatar_id {
+            Some(avatar_id) => Some(Uuid::try_parse(&avatar_id).map_err(|e| {
+                Status::invalid_argument(format!("Invalid avatar_id: {}", e))
+            })?),
+            None => None,
+        };
+
+        let row = query("update users set name = $1, avatar = $2 where id = $3 returning *")
+            .bind(&request.name)
+            .bind(avatar_uuid)
+            .bind(user_uuid)
+            .fetch_one(&mut tx)
+            .await
+            .map_err(sqlx::Error::into_status)?;
+
+        let user = Some(row).try_into().map_err(anyhow::Error::into_status)?;
+        tx.commit().await.map_err(sqlx::Error::into_status)?;
         println!("Elapsed: {:?}", start.elapsed());
         Ok(Response::new(user))
     }
diff --git a/service-utils/Dockerfile b/service-utils/Dockerfile
index 3476fda5..5d5c5f92 100644
--- a/service-utils/Dockerfile
+++ b/service-utils/Dockerfile
@@ -1,4 +1,4 @@
-FROM rust:1.67 as build
+FROM rust:1.69 as build
 
 WORKDIR /app
 
diff --git a/service-utils/Dockerfile.dev b/service-utils/Dockerfile.dev
index 4091e726..7dbf0e75 100644
--- a/service-utils/Dockerfile.dev
+++ b/service-utils/Dockerfile.dev
@@ -1,10 +1,11 @@
-FROM rust:1.67
+FROM rust:1.69
 
 WORKDIR /app
 
 COPY ./Cargo.toml /app/Cargo.toml
 COPY ./Cargo.lock /app/Cargo.lock
 COPY ./migrations /app/migrations
+COPY ./target /app/target
 COPY ./src /app/src
 RUN cargo build
 
diff --git a/service-utils/src/main.rs b/service-utils/src/main.rs
index 2583da78..37af6f64 100644
--- a/service-utils/src/main.rs
+++ b/service-utils/src/main.rs
@@ -1,6 +1,6 @@
-mod files_service;
 mod proto;
 mod utils;
+mod utils_service;
 
 use anyhow::{Context, Result};
 use sqlx::{postgres::PgPoolOptions, PgPool};
@@ -40,10 +40,7 @@ async fn main() -> Result<()> {
 
     let server = MyService { pool };
     let svc = UtilsServiceServer::with_interceptor(server, check_auth);
-    Server::builder()
-        .add_service(svc)
-        .serve(addr)
-        .await?;
+    Server::builder().add_service(svc).serve(addr).await?;
 
     Ok(())
 }
@@ -65,7 +62,7 @@ fn check_auth(mut req: Request<()>) -> Result<Request<()>, Status> {
                     .parse()
                     .map_err(|_| Status::unauthenticated("Invalid user id"))?,
             );
-            return Ok(req);
+            Ok(req)
         }
         _ => Err(Status::unauthenticated("No valid auth token")),
     }
diff --git a/service-utils/src/proto.rs b/service-utils/src/proto.rs
index a1495375..70f40cac 100644
--- a/service-utils/src/proto.rs
+++ b/service-utils/src/proto.rs
@@ -23,12 +23,17 @@ pub struct User {
     pub role: i32,
     #[prost(string, tag = "7")]
     pub sub: ::prost::alloc::string::String,
+    #[prost(string, tag = "8")]
+    pub name: ::prost::alloc::string::String,
+    #[prost(string, optional, tag = "9")]
+    pub avatar: ::core::option::Option<::prost::alloc::string::String>,
 }
 #[derive(Clone, Copy, Debug, PartialEq, Eq, Hash, PartialOrd, Ord, ::prost::Enumeration)]
 #[repr(i32)]
 pub enum UserRole {
-    RoleUser = 0,
-    RoleAdmin = 1,
+    Unset = 0,
+    RoleUser = 1,
+    RoleAdmin = 2,
 }
 impl UserRole {
     /// String value of the enum field names used in the ProtoBuf definition.
@@ -37,6 +42,7 @@ impl UserRole {
     /// (if the ProtoBuf definition does not change) and safe for programmatic use.
     pub fn as_str_name(&self) -> &'static str {
         match self {
+            UserRole::Unset => "UNSET",
             UserRole::RoleUser => "ROLE_USER",
             UserRole::RoleAdmin => "ROLE_ADMIN",
         }
@@ -44,6 +50,7 @@ impl UserRole {
     /// Creates an enum from field names used in the ProtoBuf definition.
     pub fn from_str_name(value: &str) -> ::core::option::Option<Self> {
         match value {
+            "UNSET" => Some(Self::Unset),
             "ROLE_USER" => Some(Self::RoleUser),
             "ROLE_ADMIN" => Some(Self::RoleAdmin),
             _ => None,
@@ -55,6 +62,8 @@ impl UserRole {
 pub struct TargetId {
     #[prost(string, tag = "1")]
     pub target_id: ::prost::alloc::string::String,
+    #[prost(enumeration = "FileType", tag = "2")]
+    pub r#type: i32,
 }
 #[allow(clippy::derive_partial_eq_without_eq)]
 #[derive(Clone, PartialEq, ::prost::Message)]
@@ -82,12 +91,13 @@ pub struct File {
     #[prost(enumeration = "FileType", tag = "7")]
     pub r#type: i32,
     #[prost(bytes = "vec", tag = "8")]
-    pub data: ::prost::alloc::vec::Vec<u8>,
+    pub buffer: ::prost::alloc::vec::Vec<u8>,
 }
 #[derive(Clone, Copy, Debug, PartialEq, Eq, Hash, PartialOrd, Ord, ::prost::Enumeration)]
 #[repr(i32)]
 pub enum FileType {
     Document = 0,
+    Avatar = 1,
 }
 impl FileType {
     /// String value of the enum field names used in the ProtoBuf definition.
@@ -97,12 +107,14 @@ impl FileType {
     pub fn as_str_name(&self) -> &'static str {
         match self {
             FileType::Document => "DOCUMENT",
+            FileType::Avatar => "AVATAR",
         }
     }
     /// Creates an enum from field names used in the ProtoBuf definition.
     pub fn from_str_name(value: &str) -> ::core::option::Option<Self> {
         match value {
             "DOCUMENT" => Some(Self::Document),
+            "AVATAR" => Some(Self::Avatar),
             _ => None,
         }
     }
@@ -144,6 +156,12 @@ pub struct UserId {
     #[prost(string, tag = "1")]
     pub user_id: ::prost::alloc::string::String,
 }
+#[allow(clippy::derive_partial_eq_without_eq)]
+#[derive(Clone, PartialEq, ::prost::Message)]
+pub struct UserIds {
+    #[prost(string, repeated, tag = "1")]
+    pub user_ids: ::prost::alloc::vec::Vec<::prost::alloc::string::String>,
+}
 /// Generated client implementations.
 pub mod users_service_client {
     #![allow(unused_variables, dead_code, missing_docs, clippy::let_unit_value)]
@@ -230,6 +248,28 @@ pub mod users_service_client {
             let path = http::uri::PathAndQuery::from_static("/proto.UsersService/Auth");
             self.inner.unary(request.into_request(), path, codec).await
         }
+        pub async fn get_users(
+            &mut self,
+            request: impl tonic::IntoRequest<super::UserIds>,
+        ) -> Result<
+            tonic::Response<tonic::codec::Streaming<super::User>>,
+            tonic::Status,
+        > {
+            self.inner
+                .ready()
+                .await
+                .map_err(|e| {
+                    tonic::Status::new(
+                        tonic::Code::Unknown,
+                        format!("Service was not ready: {}", e.into()),
+                    )
+                })?;
+            let codec = tonic::codec::ProstCodec::default();
+            let path = http::uri::PathAndQuery::from_static(
+                "/proto.UsersService/GetUsers",
+            );
+            self.inner.server_streaming(request.into_request(), path, codec).await
+        }
         pub async fn get_user(
             &mut self,
             request: impl tonic::IntoRequest<super::UserId>,
@@ -249,6 +289,25 @@ pub mod users_service_client {
             );
             self.inner.unary(request.into_request(), path, codec).await
         }
+        pub async fn create_user(
+            &mut self,
+            request: impl tonic::IntoRequest<super::User>,
+        ) -> Result<tonic::Response<super::User>, tonic::Status> {
+            self.inner
+                .ready()
+                .await
+                .map_err(|e| {
+                    tonic::Status::new(
+                        tonic::Code::Unknown,
+                        format!("Service was not ready: {}", e.into()),
+                    )
+                })?;
+            let codec = tonic::codec::ProstCodec::default();
+            let path = http::uri::PathAndQuery::from_static(
+                "/proto.UsersService/CreateUser",
+            );
+            self.inner.unary(request.into_request(), path, codec).await
+        }
     }
 }
 /// Generated client implementations.
@@ -342,6 +401,25 @@ pub mod utils_service_client {
             );
             self.inner.server_streaming(request.into_request(), path, codec).await
         }
+        pub async fn get_file(
+            &mut self,
+            request: impl tonic::IntoRequest<super::FileId>,
+        ) -> Result<tonic::Response<super::File>, tonic::Status> {
+            self.inner
+                .ready()
+                .await
+                .map_err(|e| {
+                    tonic::Status::new(
+                        tonic::Code::Unknown,
+                        format!("Service was not ready: {}", e.into()),
+                    )
+                })?;
+            let codec = tonic::codec::ProstCodec::default();
+            let path = http::uri::PathAndQuery::from_static(
+                "/proto.UtilsService/GetFile",
+            );
+            self.inner.unary(request.into_request(), path, codec).await
+        }
         pub async fn create_file(
             &mut self,
             request: impl tonic::IntoRequest<super::File>,
@@ -473,6 +551,28 @@ pub mod notes_service_client {
             );
             self.inner.server_streaming(request.into_request(), path, codec).await
         }
+        pub async fn get_only_notes(
+            &mut self,
+            request: impl tonic::IntoRequest<super::UserId>,
+        ) -> Result<
+            tonic::Response<tonic::codec::Streaming<super::Note>>,
+            tonic::Status,
+        > {
+            self.inner
+                .ready()
+                .await
+                .map_err(|e| {
+                    tonic::Status::new(
+                        tonic::Code::Unknown,
+                        format!("Service was not ready: {}", e.into()),
+                    )
+                })?;
+            let codec = tonic::codec::ProstCodec::default();
+            let path = http::uri::PathAndQuery::from_static(
+                "/proto.NotesService/GetOnlyNotes",
+            );
+            self.inner.server_streaming(request.into_request(), path, codec).await
+        }
         pub async fn create_note(
             &mut self,
             request: impl tonic::IntoRequest<super::Note>,
@@ -524,10 +624,24 @@ pub mod users_service_server {
             &self,
             request: tonic::Request<super::AuthRequest>,
         ) -> Result<tonic::Response<super::User>, tonic::Status>;
+        /// Server streaming response type for the GetUsers method.
+        type GetUsersStream: futures_core::Stream<
+                Item = Result<super::User, tonic::Status>,
+            >
+            + Send
+            + 'static;
+        async fn get_users(
+            &self,
+            request: tonic::Request<super::UserIds>,
+        ) -> Result<tonic::Response<Self::GetUsersStream>, tonic::Status>;
         async fn get_user(
             &self,
             request: tonic::Request<super::UserId>,
         ) -> Result<tonic::Response<super::User>, tonic::Status>;
+        async fn create_user(
+            &self,
+            request: tonic::Request<super::User>,
+        ) -> Result<tonic::Response<super::User>, tonic::Status>;
     }
     #[derive(Debug)]
     pub struct UsersServiceServer<T: UsersService> {
@@ -624,6 +738,45 @@ pub mod users_service_server {
                     };
                     Box::pin(fut)
                 }
+                "/proto.UsersService/GetUsers" => {
+                    #[allow(non_camel_case_types)]
+                    struct GetUsersSvc<T: UsersService>(pub Arc<T>);
+                    impl<
+                        T: UsersService,
+                    > tonic::server::ServerStreamingService<super::UserIds>
+                    for GetUsersSvc<T> {
+                        type Response = super::User;
+                        type ResponseStream = T::GetUsersStream;
+                        type Future = BoxFuture<
+                            tonic::Response<Self::ResponseStream>,
+                            tonic::Status,
+                        >;
+                        fn call(
+                            &mut self,
+                            request: tonic::Request<super::UserIds>,
+                        ) -> Self::Future {
+                            let inner = self.0.clone();
+                            let fut = async move { (*inner).get_users(request).await };
+                            Box::pin(fut)
+                        }
+                    }
+                    let accept_compression_encodings = self.accept_compression_encodings;
+                    let send_compression_encodings = self.send_compression_encodings;
+                    let inner = self.inner.clone();
+                    let fut = async move {
+                        let inner = inner.0;
+                        let method = GetUsersSvc(inner);
+                        let codec = tonic::codec::ProstCodec::default();
+                        let mut grpc = tonic::server::Grpc::new(codec)
+                            .apply_compression_config(
+                                accept_compression_encodings,
+                                send_compression_encodings,
+                            );
+                        let res = grpc.server_streaming(method, req).await;
+                        Ok(res)
+                    };
+                    Box::pin(fut)
+                }
                 "/proto.UsersService/GetUser" => {
                     #[allow(non_camel_case_types)]
                     struct GetUserSvc<T: UsersService>(pub Arc<T>);
@@ -660,6 +813,42 @@ pub mod users_service_server {
                     };
                     Box::pin(fut)
                 }
+                "/proto.UsersService/CreateUser" => {
+                    #[allow(non_camel_case_types)]
+                    struct CreateUserSvc<T: UsersService>(pub Arc<T>);
+                    impl<T: UsersService> tonic::server::UnaryService<super::User>
+                    for CreateUserSvc<T> {
+                        type Response = super::User;
+                        type Future = BoxFuture<
+                            tonic::Response<Self::Response>,
+                            tonic::Status,
+                        >;
+                        fn call(
+                            &mut self,
+                            request: tonic::Request<super::User>,
+                        ) -> Self::Future {
+                            let inner = self.0.clone();
+                            let fut = async move { (*inner).create_user(request).await };
+                            Box::pin(fut)
+                        }
+                    }
+                    let accept_compression_encodings = self.accept_compression_encodings;
+                    let send_compression_encodings = self.send_compression_encodings;
+                    let inner = self.inner.clone();
+                    let fut = async move {
+                        let inner = inner.0;
+                        let method = CreateUserSvc(inner);
+                        let codec = tonic::codec::ProstCodec::default();
+                        let mut grpc = tonic::server::Grpc::new(codec)
+                            .apply_compression_config(
+                                accept_compression_encodings,
+                                send_compression_encodings,
+                            );
+                        let res = grpc.unary(method, req).await;
+                        Ok(res)
+                    };
+                    Box::pin(fut)
+                }
                 _ => {
                     Box::pin(async move {
                         Ok(
@@ -716,6 +905,10 @@ pub mod utils_service_server {
             &self,
             request: tonic::Request<super::TargetId>,
         ) -> Result<tonic::Response<Self::GetFilesStream>, tonic::Status>;
+        async fn get_file(
+            &self,
+            request: tonic::Request<super::FileId>,
+        ) -> Result<tonic::Response<super::File>, tonic::Status>;
         async fn create_file(
             &self,
             request: tonic::Request<super::File>,
@@ -823,6 +1016,42 @@ pub mod utils_service_server {
                     };
                     Box::pin(fut)
                 }
+                "/proto.UtilsService/GetFile" => {
+                    #[allow(non_camel_case_types)]
+                    struct GetFileSvc<T: UtilsService>(pub Arc<T>);
+                    impl<T: UtilsService> tonic::server::UnaryService<super::FileId>
+                    for GetFileSvc<T> {
+                        type Response = super::File;
+                        type Future = BoxFuture<
+                            tonic::Response<Self::Response>,
+                            tonic::Status,
+                        >;
+                        fn call(
+                            &mut self,
+                            request: tonic::Request<super::FileId>,
+                        ) -> Self::Future {
+                            let inner = self.0.clone();
+                            let fut = async move { (*inner).get_file(request).await };
+                            Box::pin(fut)
+                        }
+                    }
+                    let accept_compression_encodings = self.accept_compression_encodings;
+                    let send_compression_encodings = self.send_compression_encodings;
+                    let inner = self.inner.clone();
+                    let fut = async move {
+                        let inner = inner.0;
+                        let method = GetFileSvc(inner);
+                        let codec = tonic::codec::ProstCodec::default();
+                        let mut grpc = tonic::server::Grpc::new(codec)
+                            .apply_compression_config(
+                                accept_compression_encodings,
+                                send_compression_encodings,
+                            );
+                        let res = grpc.unary(method, req).await;
+                        Ok(res)
+                    };
+                    Box::pin(fut)
+                }
                 "/proto.UtilsService/CreateFile" => {
                     #[allow(non_camel_case_types)]
                     struct CreateFileSvc<T: UtilsService>(pub Arc<T>);
@@ -951,6 +1180,16 @@ pub mod notes_service_server {
             &self,
             request: tonic::Request<super::UserId>,
         ) -> Result<tonic::Response<Self::GetNotesStream>, tonic::Status>;
+        /// Server streaming response type for the GetOnlyNotes method.
+        type GetOnlyNotesStream: futures_core::Stream<
+                Item = Result<super::Note, tonic::Status>,
+            >
+            + Send
+            + 'static;
+        async fn get_only_notes(
+            &self,
+            request: tonic::Request<super::UserId>,
+        ) -> Result<tonic::Response<Self::GetOnlyNotesStream>, tonic::Status>;
         async fn create_note(
             &self,
             request: tonic::Request<super::Note>,
@@ -1058,6 +1297,47 @@ pub mod notes_service_server {
                     };
                     Box::pin(fut)
                 }
+                "/proto.NotesService/GetOnlyNotes" => {
+                    #[allow(non_camel_case_types)]
+                    struct GetOnlyNotesSvc<T: NotesService>(pub Arc<T>);
+                    impl<
+                        T: NotesService,
+                    > tonic::server::ServerStreamingService<super::UserId>
+                    for GetOnlyNotesSvc<T> {
+                        type Response = super::Note;
+                        type ResponseStream = T::GetOnlyNotesStream;
+                        type Future = BoxFuture<
+                            tonic::Response<Self::ResponseStream>,
+                            tonic::Status,
+                        >;
+                        fn call(
+                            &mut self,
+                            request: tonic::Request<super::UserId>,
+                        ) -> Self::Future {
+                            let inner = self.0.clone();
+                            let fut = async move {
+                                (*inner).get_only_notes(request).await
+                            };
+                            Box::pin(fut)
+                        }
+                    }
+                    let accept_compression_encodings = self.accept_compression_encodings;
+                    let send_compression_encodings = self.send_compression_encodings;
+                    let inner = self.inner.clone();
+                    let fut = async move {
+                        let inner = inner.0;
+                        let method = GetOnlyNotesSvc(inner);
+                        let codec = tonic::codec::ProstCodec::default();
+                        let mut grpc = tonic::server::Grpc::new(codec)
+                            .apply_compression_config(
+                                accept_compression_encodings,
+                                send_compression_encodings,
+                            );
+                        let res = grpc.server_streaming(method, req).await;
+                        Ok(res)
+                    };
+                    Box::pin(fut)
+                }
                 "/proto.NotesService/CreateNote" => {
                     #[allow(non_camel_case_types)]
                     struct CreateNoteSvc<T: NotesService>(pub Arc<T>);
diff --git a/service-utils/src/files_service.rs b/service-utils/src/utils_service.rs
similarity index 50%
rename from service-utils/src/files_service.rs
rename to service-utils/src/utils_service.rs
index ec8a8c93..171c09b1 100644
--- a/service-utils/src/files_service.rs
+++ b/service-utils/src/utils_service.rs
@@ -10,32 +10,36 @@ use tokio::sync::mpsc;
 use tokio_stream::wrappers::ReceiverStream;
 use tonic::{Request, Response, Status};
 
-fn map_file(row: Option<PgRow>) -> Result<File> {
-    match row {
-        Some(row) => {
-            let id: Uuid = row.try_get("id")?;
-            let created: OffsetDateTime = row.try_get("created")?;
-            let updated: OffsetDateTime = row.try_get("updated")?;
-            let deleted: Option<OffsetDateTime> = row.try_get("deleted")?;
-            let target_id: Uuid = row.try_get("targetId")?;
-            let name: String = row.try_get("name")?;
-            let r#type: String = row.try_get("type")?;
-            let file_type =
-                FileType::from_str_name(&r#type).ok_or(anyhow::anyhow!("Invalid file type"))?;
-
-            let file = File {
-                id: id.to_string(),
-                created: created.to_string(),
-                updated: updated.to_string(),
-                deleted: deleted.map(|d| d.to_string()),
-                target_id: target_id.to_string(),
-                name: name.to_string(),
-                r#type: file_type.into(),
-                data: Vec::new(),
-            };
-            return Ok(file);
+impl TryFrom<Option<PgRow>> for File {
+    type Error = anyhow::Error;
+
+    fn try_from(row: Option<PgRow>) -> Result<Self, Self::Error> {
+        match row {
+            Some(row) => {
+                let id: Uuid = row.try_get("id")?;
+                let created: OffsetDateTime = row.try_get("created")?;
+                let updated: OffsetDateTime = row.try_get("updated")?;
+                let deleted: Option<OffsetDateTime> = row.try_get("deleted")?;
+                let target_id: Uuid = row.try_get("targetId")?;
+                let name: String = row.try_get("name")?;
+                let r#type: String = row.try_get("type")?;
+                let file_type =
+                    FileType::from_str_name(&r#type).ok_or(anyhow::anyhow!("Invalid file type"))?;
+
+                let file = File {
+                    id: id.to_string(),
+                    created: created.to_string(),
+                    updated: updated.to_string(),
+                    deleted: deleted.map(|d| d.to_string()),
+                    target_id: target_id.to_string(),
+                    name,
+                    r#type: file_type.into(),
+                    buffer: Vec::new(),
+                };
+                Ok(file)
+            }
+            None => Err(anyhow::anyhow!("File not found")),
         }
-        None => Err(anyhow::anyhow!("File not found")),
     }
 }
 
@@ -48,18 +52,22 @@ impl UtilsService for MyService {
         request: Request<TargetId>,
     ) -> Result<Response<Self::GetFilesStream>, Status> {
         #[cfg(debug_assertions)]
-        println!("GetFiles = {:?}", request);
+        println!("GetFiles: {:?}", request);
         let start = std::time::Instant::now();
-
         let pool = self.pool.clone();
         let (tx, rx) = mpsc::channel(4);
+
         let request = request.into_inner();
-        let uuid =
+        let target_uuid =
             Uuid::parse_str(&request.target_id).map_err(|e| Status::internal(e.to_string()))?;
+        let r#type = FileType::from_i32(request.r#type)
+            .ok_or(Status::internal("Invalid file type"))?
+            .as_str_name();
 
         tokio::spawn(async move {
-            let mut files_stream = query("SELECT * FROM files WHERE \"targetId\" = $1 and deleted is null order by created desc")
-                .bind(&uuid)
+            let mut files_stream = query("SELECT * FROM files WHERE \"targetId\" = $1 and type = $2 and deleted is null order by created desc")
+                .bind(target_uuid)
+                .bind(r#type)
                 .fetch(&pool);
 
             loop {
@@ -70,18 +78,23 @@ impl UtilsService for MyService {
                         break;
                     }
                     Ok(file) => {
-                        let file = map_file(file);
-
-                        if let Err(e) = file {
-                            tx.send(Err(Status::internal(e.to_string()))).await.unwrap();
-                            break;
-                        } else {
-                            let mut file = file.unwrap();
-                            let file_path = format!("/app/files/{}/{}", &file.id, &file.name);
-                            let data = std::fs::read(file_path).unwrap();
-                            file.data = data;
-                            tx.send(Ok(file)).await.unwrap();
-                        }
+                        let mut file: File = match file.try_into() {
+                            Ok(file) => file,
+                            Err(e) => {
+                                tx.send(Err(Status::internal(e.to_string()))).await.unwrap();
+                                break;
+                            }
+                        };
+                        let file_path = format!("/app/files/{}/{}", &file.id, &file.name);
+                        let buffer = match std::fs::read(file_path) {
+                            Ok(buffer) => buffer,
+                            Err(e) => {
+                                tx.send(Err(Status::internal(e.to_string()))).await.unwrap();
+                                break;
+                            }
+                        };
+                        file.buffer = buffer;
+                        tx.send(Ok(file)).await.unwrap();
                     }
                     Err(e) => {
                         tx.send(Err(Status::internal(e.to_string()))).await.unwrap();
@@ -93,6 +106,39 @@ impl UtilsService for MyService {
         Ok(Response::new(ReceiverStream::new(rx)))
     }
 
+    async fn get_file(&self, request: Request<FileId>) -> Result<Response<File>, Status> {
+        #[cfg(debug_assertions)]
+        println!("GetFile: {:?}", request);
+        let start = std::time::Instant::now();
+
+        let pool = self.pool.clone();
+        let request = request.into_inner();
+        let uuid =
+            Uuid::parse_str(&request.file_id).map_err(|e| Status::internal(e.to_string()))?;
+        let target_uuid =
+            Uuid::parse_str(&request.target_id).map_err(|e| Status::internal(e.to_string()))?;
+        let row =
+            query("SELECT * FROM files WHERE id = $1 and \"targetId\" = $2 and deleted is null")
+                .bind(uuid)
+                .bind(target_uuid)
+                .fetch_one(&pool)
+                .await
+                .map_err(|e| Status::internal(e.to_string()))?;
+
+        let mut file: File = match Some(row).try_into() {
+            Ok(file) => file,
+            Err(e) => return Err(Status::internal(e.to_string())),
+        };
+
+        let file_path = format!("/app/files/{}/{}", &file.id, &file.name);
+        let buffer = std::fs::read(file_path).unwrap();
+        file.buffer = buffer;
+
+        let elapsed = start.elapsed();
+        println!("Elapsed: {:.2?}", elapsed);
+        Ok(Response::new(file))
+    }
+
     async fn create_file(&self, request: Request<File>) -> Result<Response<File>, Status> {
         #[cfg(debug_assertions)]
         println!("CreateFile");
@@ -105,30 +151,34 @@ impl UtilsService for MyService {
             .await
             .map_err(|e| Status::internal(e.to_string()))?;
 
+        // get file from request
         let file = request.into_inner();
-        let file_data = file.data;
-
-        // save file to db
+        let file_buffer = file.buffer;
         let uuid = Uuid::parse_str(&file.target_id).map_err(|e| Status::internal(e.to_string()))?;
         let r#type = FileType::from_i32(file.r#type)
             .ok_or(anyhow::anyhow!("Invalid file type"))
             .map_err(|e| Status::internal(e.to_string()))?
             .as_str_name();
+
+        // save file to db
         let row =
             query("INSERT INTO files (\"targetId\", name, type) VALUES ($1, $2, $3) RETURNING *")
-                .bind(&uuid)
-                .bind(&file.name)
-                .bind(&r#type)
+                .bind(uuid)
+                .bind(file.name)
+                .bind(r#type)
                 .fetch_one(&mut tx)
                 .await
                 .map_err(|e| Status::internal(e.to_string()))?;
-        let file = map_file(Some(row)).map_err(|e| Status::internal(e.to_string()))?;
+        let file: File = match Some(row).try_into() {
+            Ok(file) => file,
+            Err(e) => return Err(Status::internal(e.to_string())),
+        };
 
         // save file to disk
         let file_path = format!("/app/files/{}/{}", file.id, file.name);
         tokio::fs::create_dir_all(format!("/app/files/{}", file.id)).await?;
         let mut new_file = tokio::fs::File::create(file_path).await?;
-        new_file.write_all(&file_data).await?;
+        new_file.write_all(&file_buffer).await?;
 
         // commit transaction
         tx.commit()
@@ -140,7 +190,7 @@ impl UtilsService for MyService {
     }
 
     async fn delete_file(&self, request: Request<FileId>) -> Result<Response<File>, Status> {
-        println!("DeleteFile = {:?}", request);
+        println!("DeleteFile: {:?}", request);
         let start = std::time::Instant::now();
 
         // start transaction
@@ -158,8 +208,8 @@ impl UtilsService for MyService {
         let row = query(
             "UPDATE files SET deleted = now() WHERE id = $1 and \"targetId\" = $2 RETURNING *",
         )
-        .bind(&file_id)
-        .bind(&target_id)
+        .bind(file_id)
+        .bind(target_id)
         .fetch_one(&mut tx)
         .await
         .map_err(|e| Status::not_found(e.to_string()))?;
@@ -167,7 +217,10 @@ impl UtilsService for MyService {
         // delete file from disk
         tokio::fs::remove_dir_all(format!("/app/files/{}", file_id)).await?;
 
-        let file = map_file(Some(row)).map_err(|e| Status::internal(e.to_string()))?;
+        let file: File = match Some(row).try_into() {
+            Ok(file) => file,
+            Err(e) => return Err(Status::internal(e.to_string())),
+        };
 
         // commit transaction
         tx.commit()