fix: use <button> tag for buttons (#7797)

## What does this PR do?
This PR updates div with button tag for buttons

Fixes #7577 

![Screenshot 2024-10-17
210955](https://github.com/user-attachments/assets/54a0c0e9-93ed-4730-a738-bf486f1f58c8)

packages/twenty-front/src/modules/ui/layout/dropdown/components/StyledHeaderDropdownButton.tsx

@@ -5,9 +5,11 @@ type StyledDropdownButtonProps = {
   isActive?: boolean;
 };
 
-export const StyledHeaderDropdownButton = styled.div<StyledDropdownButtonProps>`
+export const StyledHeaderDropdownButton = styled.button<StyledDropdownButtonProps>`
+  font-family: inherit;
   align-items: center;
   background: ${({ theme }) => theme.background.primary};
+  border: none;
   border-radius: ${({ theme }) => theme.border.radius.sm};
   color: ${({ isActive, theme, color }) =>
     color ?? (isActive ? theme.color.blue : theme.font.color.secondary)};