Reset Fields widget implementation (#19283)

## Context
This PR implements the first steps for overridable entities resets.

<img width="1277" height="568" alt="Screenshot 2026-04-02 at 18 58 04"
src="https://github.com/user-attachments/assets/4c7f93b1-c453-4905-a919-cd6af11e0e16"
/>

packages/twenty-front/src/modules/side-panel/pages/page-layout/components/SidePanelPageLayoutFieldsSettings.tsx

@@ -1,6 +1,7 @@
 import { CommandMenuItem } from '@/command-menu/components/CommandMenuItem';
 import { CommandMenuItemToggle } from '@/command-menu/components/CommandMenuItemToggle';
 import { useDeletePageLayoutWidget } from '@/page-layout/hooks/useDeletePageLayoutWidget';
+import { useResetPageLayoutWidgetToDefault } from '@/page-layout/hooks/useResetPageLayoutWidgetToDefault';
 import { useFieldsWidgetGroups } from '@/page-layout/widgets/fields/hooks/useFieldsWidgetGroups';
 import { SidePanelGroup } from '@/side-panel/components/SidePanelGroup';
 import { SidePanelList } from '@/side-panel/components/SidePanelList';
@@ -11,6 +12,8 @@ import { usePageLayoutIdFromContextStore } from '@/side-panel/pages/page-layout/
 import { useUpdateCurrentWidgetConfig } from '@/side-panel/pages/page-layout/hooks/useUpdateCurrentWidgetConfig';
 import { useWidgetInEditMode } from '@/side-panel/pages/page-layout/hooks/useWidgetInEditMode';
 import { SidePanelSubPages } from '@/side-panel/types/SidePanelSubPages';
+import { ConfirmationModal } from '@/ui/layout/modal/components/ConfirmationModal';
+import { useModal } from '@/ui/layout/modal/hooks/useModal';
 import { SelectableListItem } from '@/ui/layout/selectable-list/components/SelectableListItem';
 import { styled } from '@linaria/react';
 import { useLingui } from '@lingui/react/macro';
@@ -18,10 +21,13 @@ import { isDefined } from 'twenty-shared/utils';
 import {
   IconChevronDown,
   IconLayoutSidebarRight,
+  IconRefreshDot,
   IconTrash,
 } from 'twenty-ui/display';
 import { type FieldsConfiguration } from '~/generated-metadata/graphql';
 
+const RESET_WIDGET_TO_DEFAULT_MODAL_ID = 'reset-widget-to-default-modal';
+
 const StyledContainer = styled.div`
   display: flex;
   flex-direction: column;
@@ -46,6 +52,11 @@ export const SidePanelPageLayoutFieldsSettings = () => {
 
   const { deletePageLayoutWidget } = useDeletePageLayoutWidget(pageLayoutId);
 
+  const { resetPageLayoutWidgetToDefault } =
+    useResetPageLayoutWidgetToDefault(pageLayoutId);
+
+  const { openModal } = useModal();
+
   const { widgetInEditMode } = useWidgetInEditMode(pageLayoutId);
 
   const fieldsConfiguration = widgetInEditMode?.configuration as
@@ -82,6 +93,14 @@ export const SidePanelPageLayoutFieldsSettings = () => {
     });
   };
 
+  const handleResetToDefault = () => {
+    openModal(RESET_WIDGET_TO_DEFAULT_MODAL_ID);
+  };
+
+  const handleConfirmReset = () => {
+    resetPageLayoutWidgetToDefault(widgetInEditMode.id);
+  };
+
   const handleDelete = () => {
     deletePageLayoutWidget(widgetInEditMode.id);
   };
@@ -96,6 +115,7 @@ export const SidePanelPageLayoutFieldsSettings = () => {
     'move-to-tab',
     'add-widget-above',
     'add-widget-below',
+    'reset-to-default',
     'delete',
   ];
 
@@ -136,6 +156,17 @@ export const SidePanelPageLayoutFieldsSettings = () => {
             />
           </SidePanelGroup>
           <SidePanelGroup heading={t`Manage`}>
+            <SelectableListItem
+              itemId="reset-to-default"
+              onEnter={handleResetToDefault}
+            >
+              <CommandMenuItem
+                id="reset-to-default"
+                Icon={IconRefreshDot}
+                label={t`Reset to default`}
+                onClick={handleResetToDefault}
+              />
+            </SelectableListItem>
             <SelectableListItem itemId="delete" onEnter={handleDelete}>
               <CommandMenuItem
                 id="delete"
@@ -148,6 +179,14 @@ export const SidePanelPageLayoutFieldsSettings = () => {
         </SidePanelList>
       </StyledSidePanelContainer>
       <WidgetSettingsFooter pageLayoutId={pageLayoutId} />
+      <ConfirmationModal
+        modalInstanceId={RESET_WIDGET_TO_DEFAULT_MODAL_ID}
+        title={t`Reset to default`}
+        subtitle={t`This will cancel all modifications done on the widget. This action cannot be undone.`}
+        onConfirmClick={handleConfirmReset}
+        confirmButtonText={t`Reset`}
+        confirmButtonAccent="danger"
+      />
     </StyledContainer>
   );
 };