fix: Updated Button states for pages and minor UI fix (#6812)

## Description

#6811 

- Deleted button lacked `accent danger` on options menu
- Customize fields `onhover` lacked width to cover entire div tag
- Deactivate button lacked variant

## After

<img width="305" alt="Screenshot 2024-08-31 at 1 43 29 AM"
src="https://github.com/user-attachments/assets/82852227-e7d2-4327-a8cc-8f9f0e84f488">

<img width="229" alt="Screenshot 2024-08-31 at 1 09 31 AM"
src="https://github.com/user-attachments/assets/4783dd5a-a8ab-41b5-83d5-95425b6bebc4">
<img width="163" alt="Screenshot 2024-08-31 at 1 07 49 AM"
src="https://github.com/user-attachments/assets/33ec9928-6463-4797-bfc4-b40a927ec8ec">

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-front/src/modules/object-record/record-index/options/components/RecordIndexOptionsDropdownContent.tsx

@@ -166,6 +166,7 @@ export const RecordIndexOptionsDropdownContent = ({
               closeDropdown();
             }}
             LeftIcon={IconTrash}
+            accent="danger"
             text={`Deleted ${objectNamePlural}`}
           />
         </DropdownMenuItemsContainer>

packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderPlusButtonContent.tsx

@@ -59,6 +59,7 @@ export const RecordTableHeaderPlusButtonContent = () => {
       )}
       <DropdownMenuItemsContainer>
         <UndecoratedLink
+          fullWidth
           to={`/settings/objects/${getObjectSlug(objectMetadataItem)}`}
           onClick={() => {
             setNavigationMemorizedUrl(location.pathname + location.search);

packages/twenty-front/src/modules/ui/navigation/link/components/UndecoratedLink.tsx

@@ -2,8 +2,9 @@ import styled from '@emotion/styled';
 import React from 'react';
 import { Link } from 'react-router-dom';
 
-const StyledUndecoratedLink = styled(Link)`
+const StyledUndecoratedLink = styled(Link)<{ fullWidth: boolean }>`
   text-decoration: none;
+  width: ${({ fullWidth }) => (fullWidth ? '100%' : 'auto')};
 `;
 
 type UndecoratedLinkProps = {
@@ -11,6 +12,7 @@ type UndecoratedLinkProps = {
   children: React.ReactNode;
   replace?: boolean;
   onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+  fullWidth?: boolean;
 };
 
 export const UndecoratedLink = ({
@@ -18,12 +20,14 @@ export const UndecoratedLink = ({
   to,
   replace = false,
   onClick,
+  fullWidth = false,
 }: UndecoratedLinkProps) => {
   return (
     <StyledUndecoratedLink
       to={to as string}
       replace={replace}
       onClick={onClick}
+      fullWidth={fullWidth}
     >
       {children}
     </StyledUndecoratedLink>

packages/twenty-front/src/modules/ui/navigation/menu-item/internals/components/StyledMenuItemBase.tsx

@@ -143,7 +143,7 @@ export const StyledHoverableMenuItemBase = styled(StyledMenuItemBase)<{
       case 'not-allowed':
         return 'not-allowed';
       default:
-        return 'default';
+        return 'pointer';
     }
   }};
 `;