Merge branch 'fe/fix/workspace-sidebar-icon' into 'fe/develop'

Fe/fix/workspace sidebar icon

See merge request s11-s-project/S11P21S002!19

frontend/package-lock.json

@@ -56,7 +56,7 @@
         "storybook": "^8.2.9",
         "tailwindcss": "^3.4.10",
         "typescript": "^5.2.2",
-        "vite": "^5.3.1",
+        "vite": "~5.3.1",
         "vite-plugin-svgr": "^4.2.0",
         "vite-tsconfig-paths": "^5.0.1",
         "vitest": "^2.0.5"
@@ -12531,15 +12531,15 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.4.2",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.2.tgz",
-      "integrity": "sha512-dDrQTRHp5C1fTFzcSaMxjk6vdpKvT+2/mIdE07Gw2ykehT49O0z/VHS3zZ8iV/Gh8BJJKHWOe5RjaNrW5xf/GA==",
+      "version": "5.3.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.5.tgz",
+      "integrity": "sha512-MdjglKR6AQXQb9JGiS7Rc2wC6uMjcm7Go/NHNO63EwiJXfuk9PgqiP/n5IDJCziMkfw9n4Ubp7lttNwz+8ZVKA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.21.3",
-        "postcss": "^8.4.41",
-        "rollup": "^4.20.0"
+        "postcss": "^8.4.39",
+        "rollup": "^4.13.0"
       },
       "bin": {
         "vite": "bin/vite.js"
@@ -12558,7 +12558,6 @@
         "less": "*",
         "lightningcss": "^1.21.0",
         "sass": "*",
-        "sass-embedded": "*",
         "stylus": "*",
         "sugarss": "*",
         "terser": "^5.4.0"
@@ -12576,9 +12575,6 @@
         "sass": {
           "optional": true
         },
-        "sass-embedded": {
-          "optional": true
-        },
         "stylus": {
           "optional": true
         },

frontend/package.json

@@ -62,7 +62,7 @@
     "storybook": "^8.2.9",
     "tailwindcss": "^3.4.10",
     "typescript": "^5.2.2",
-    "vite": "^5.3.1",
+    "vite": "~5.3.1",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.0.5"

frontend/src/components/WorkspaceLayout/index.stories.tsx

@@ -0,0 +1,15 @@
+import '@/index.css';
+import { Meta } from '@storybook/react';
+import WorkspaceLayout from '.';
+
+const meta: Meta<typeof WorkspaceLayout> = {
+  title: 'Layout/WorkspaceLayout',
+  component: WorkspaceLayout,
+  parameters: {
+    layout: 'fullscreen',
+  },
+};
+
+export const Default = () => <WorkspaceLayout />;
+
+export default meta;

frontend/src/components/WorkspaceSidebar/ProjectFileItem.tsx

@@ -30,12 +30,12 @@ export default function ProjectFileItem({
       {item.status === 'idle' ? (
         <Minus
           size={16}
-          className="stroke-gray-400"
+          className="shrink-0 stroke-gray-400"
         />
       ) : (
         <Check
           size={16}
-          className="stroke-green-500"
+          className="shrink-0 stroke-green-500"
         />
       )}
     </button>