Update menu items across the app (#14724)

Closes https://github.com/twentyhq/core-team-issues/issues/1568


https://github.com/user-attachments/assets/a0fe6538-8405-4b52-a6ce-7afa846ee5f3

packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownCustomView.tsx

@@ -137,6 +137,7 @@ export const ObjectOptionsDropdownCustomView = ({
               )}
               text={t`Layout`}
               contextualText={`${capitalize(customViewData?.type ?? '')}`}
+              contextualTextPosition="right"
               hasSubMenu
             />
           </SelectableListItem>
@@ -160,6 +161,7 @@ export const ObjectOptionsDropdownCustomView = ({
                         ? t`Not available on Default View`
                         : calendarFieldMetadata?.label
                     }
+                    contextualTextPosition="right"
                     hasSubMenu
                     disabled={isDefaultView}
                   />
@@ -181,6 +183,7 @@ export const ObjectOptionsDropdownCustomView = ({
                         ? t`Week`
                         : t`Day`
                   }
+                  contextualTextPosition="right"
                 />
               </SelectableListItem>
             </>
@@ -195,6 +198,7 @@ export const ObjectOptionsDropdownCustomView = ({
               LeftIcon={IconListDetails}
               text={t`Fields`}
               contextualText={`${visibleBoardFields.length} shown`}
+              contextualTextPosition="right"
               hasSubMenu
             />
           </SelectableListItem>
@@ -222,6 +226,7 @@ export const ObjectOptionsDropdownCustomView = ({
                       ? t`Not available on Default View`
                       : recordGroupFieldMetadata?.label
                   }
+                  contextualTextPosition="right"
                   hasSubMenu
                   disabled={isDefaultView}
                 />

packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownDefaultView.tsx

@@ -87,6 +87,7 @@ export const ObjectOptionsDropdownDefaultView = () => {
               LeftIcon={IconListDetails}
               text={t`Fields`}
               contextualText={`${visibleBoardFields.length} shown`}
+              contextualTextPosition="right"
               hasSubMenu
             />
           </SelectableListItem>
@@ -119,6 +120,7 @@ export const ObjectOptionsDropdownDefaultView = () => {
               onClick={handleCreateCustomView}
               LeftIcon={IconLayout}
               text={t`Create custom view`}
+              contextualTextPosition="right"
             />
           </SelectableListItem>
         </DropdownMenuItemsContainer>

packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownLayoutContent.tsx

@@ -209,6 +209,7 @@ export const ObjectOptionsDropdownLayoutContent = () => {
                     t`Create Select...`
                   ) : undefined
                 }
+                contextualTextPosition="right"
                 selected={currentView?.type === ViewType.Kanban}
                 onClick={handleSelectKanbanViewType}
               />
@@ -228,6 +229,7 @@ export const ObjectOptionsDropdownLayoutContent = () => {
                     LeftIcon={IconCalendar}
                     text={t`Date field`}
                     contextualText={calendarFieldMetadata?.label}
+                    contextualTextPosition="right"
                     hasSubMenu
                   />
                 </SelectableListItem>
@@ -247,6 +249,7 @@ export const ObjectOptionsDropdownLayoutContent = () => {
                           ? t`Week`
                           : t`Day`
                     }
+                    contextualTextPosition="right"
                     hasSubMenu
                   />
                 </SelectableListItem>
@@ -274,6 +277,7 @@ export const ObjectOptionsDropdownLayoutContent = () => {
                     ? t`Side Panel`
                     : t`Record Page`
                 }
+                contextualTextPosition="right"
                 hasSubMenu
               />
             </SelectableListItem>
@@ -296,6 +300,7 @@ export const ObjectOptionsDropdownLayoutContent = () => {
                   LeftIcon={IconLayoutList}
                   text={t`Group`}
                   contextualText={recordGroupFieldMetadata?.label}
+                  contextualTextPosition="right"
                   hasSubMenu
                 />
               </SelectableListItem>

packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownRecordGroupsContent.tsx

@@ -125,6 +125,7 @@ export const ObjectOptionsDropdownRecordGroupsContent = () => {
                   LeftIcon={IconLayoutList}
                   text={t`Group by`}
                   contextualText={recordGroupFieldMetadata?.label}
+                  contextualTextPosition="right"
                   hasSubMenu
                 />
               </SelectableListItem>
@@ -138,6 +139,7 @@ export const ObjectOptionsDropdownRecordGroupsContent = () => {
                   LeftIcon={IconSortDescending}
                   text={t`Sort`}
                   contextualText={recordGroupSort}
+                  contextualTextPosition="right"
                   hasSubMenu
                 />
               </SelectableListItem>