feat: Allow renaming and deleting the Starter Project folder

src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/select-options.tsx

@@ -8,27 +8,23 @@ import {
   SelectTrigger,
 } from "@/components/ui/select-custom";
 import type { FolderType } from "@/pages/MainPage/entities";
-import { useUtilityStore } from "@/stores/utilityStore";
 import { cn } from "@/utils/utils";
 import { handleSelectChange } from "../helpers/handle-select-change";
 import { FolderSelectItem } from "./folder-select-item";
 
 export const SelectOptions = ({
   item,
-  index,
   handleDeleteFolder,
   handleDownloadFolder,
   handleSelectFolderToRename,
   checkPathName,
 }: {
   item: FolderType;
-  index: number;
   handleDeleteFolder: ((folder: FolderType) => void) | undefined;
   handleDownloadFolder: (folderId: string) => void;
   handleSelectFolderToRename: (folder: FolderType) => void;
   checkPathName: (folderId: string) => boolean;
 }) => {
-  const defaultFolderName = useUtilityStore((state) => state.defaultFolderName);
   return (
     <div>
       <Select
@@ -61,32 +57,28 @@ export const SelectOptions = ({
           </SelectTrigger>
         </ShadTooltip>
         <SelectContent align="end" alignOffset={-16} position="popper">
-          {item.name !== defaultFolderName && (
-            <SelectItem
-              id="rename-button"
-              value="rename"
-              data-testid="btn-rename-project"
-              className="text-xs"
-            >
-              <FolderSelectItem name="Rename" iconName="SquarePen" />
-            </SelectItem>
-          )}
+          <SelectItem
+            id="rename-button"
+            value="rename"
+            data-testid="btn-rename-project"
+            className="text-xs"
+          >
+            <FolderSelectItem name="Rename" iconName="SquarePen" />
+          </SelectItem>
           <SelectItem
             value="download"
             data-testid="btn-download-project"
             className="text-xs"
           >
             <FolderSelectItem name="Download" iconName="Download" />
           </SelectItem>
-          {index > 0 && (
-            <SelectItem
-              value="delete"
-              data-testid="btn-delete-project"
-              className="text-xs"
-            >
-              <FolderSelectItem name="Delete" iconName="Trash2" />
-            </SelectItem>
-          )}
+          <SelectItem
+            value="delete"
+            data-testid="btn-delete-project"
+            className="text-xs"
+          >
+            <FolderSelectItem name="Delete" iconName="Trash2" />
+          </SelectItem>
         </SelectContent>
       </Select>
     </div>

src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/index.tsx

@@ -40,7 +40,6 @@ import type { FolderType } from "../../../../../pages/MainPage/entities";
 import useAlertStore from "../../../../../stores/alertStore";
 import useFlowsManagerStore from "../../../../../stores/flowsManagerStore";
 import { useFolderStore } from "../../../../../stores/foldersStore";
-import { useUtilityStore } from "../../../../../stores/utilityStore";
 import { handleKeyDown } from "../../../../../utils/reactflowUtils";
 import { cn } from "../../../../../utils/utils";
 import useFileDrop from "../../hooks/use-on-file-drop";
@@ -86,7 +85,6 @@ const SideBarFoldersButtonsComponent = ({
   const folderIdDragging = useFolderStore((state) => state.folderIdDragging);
   const myCollectionId = useFolderStore((state) => state.myCollectionId);
   const takeSnapshot = useFlowsManagerStore((state) => state.takeSnapshot);
-  const defaultFolderName = useUtilityStore((state) => state.defaultFolderName);
 
   const folderId = useParams().folderId ?? myCollectionId ?? "";
 
@@ -276,10 +274,6 @@ const SideBarFoldersButtonsComponent = ({
   };
 
   const handleDoubleClick = (event, item) => {
-    if (item.name === defaultFolderName) {
-      return;
-    }
-
     event.stopPropagation();
     event.preventDefault();
 
@@ -443,7 +437,6 @@ const SideBarFoldersButtonsComponent = ({
                         >
                           <SelectOptions
                             item={item}
-                            index={index}
                             handleDeleteFolder={handleDeleteFolder}
                             handleDownloadFolder={() =>
                               handleDownloadFolder(item.id!, item.name)