Remove duplicated index from view picker (#6514)

<img width="815" alt="Capture d’écran 2024-08-02 à 15 15 51"
src="https://github.com/user-attachments/assets/0b192091-39f9-46c4-80b8-3c1a97f00480">

packages/twenty-front/src/modules/views/view-picker/components/ViewPickerListContent.tsx

@@ -102,40 +102,34 @@ export const ViewPickerListContent = () => {
         )}
         <DraggableList
           onDragEnd={handleDragEnd}
-          draggableItems={viewsOnCurrentObject.map((view, index) => (
+          draggableItems={viewsOnCurrentObject
-            <DraggableItem
+            .filter((view) => indexView?.id !== view.id)
-              key={view.id}
+            .map((view, index) => (
-              draggableId={view.id}
+              <DraggableItem
-              index={index}
+                key={view.id}
-              isDragDisabled={viewsOnCurrentObject.length === 1}
+                draggableId={view.id}
-              itemComponent={
+                index={index}
-                <MenuItemDraggable
+                isDragDisabled={viewsOnCurrentObject.length === 1}
-                  key={view.id}
+                itemComponent={
-                  iconButtons={
+                  <MenuItemDraggable
-                    indexView?.id === view.id
+                    key={view.id}
-                      ? [
+                    iconButtons={[
-                          {
+                      {
-                            Icon: IconLock,
+                        Icon: IconPencil,
-                          },
+                        onClick: (event: MouseEvent<HTMLButtonElement>) =>
-                        ]
+                          handleEditViewButtonClick(event, view.id),
-                      : [
+                      },
-                          {
+                    ].filter(isDefined)}
-                            Icon: IconPencil,
+                    isIconDisplayedOnHoverOnly={
-                            onClick: (event: MouseEvent<HTMLButtonElement>) =>
+                      indexView?.id === view.id ? false : true
-                              handleEditViewButtonClick(event, view.id),
+                    }
-                          },
+                    onClick={() => handleViewSelect(view.id)}
-                        ].filter(isDefined)
+                    LeftIcon={getIcon(view.icon)}
-                  }
+                    text={view.name}
-                  isIconDisplayedOnHoverOnly={
+                  />
-                    indexView?.id === view.id ? false : true
+                }
-                  }
+              />
-                  onClick={() => handleViewSelect(view.id)}
+            ))}
-                  LeftIcon={getIcon(view.icon)}
-                  text={view.name}
-                />
-              }
-            />
-          ))}
         />
       </DropdownMenuItemsContainer>
       <DropdownMenuSeparator />