fix: view dropdown incorrect button position and floating icon button doesn't match design (#1458)

* fix: view dropdown incorrect button position

* fix: className instead of style drill down

* fix: view drop down width

front/src/modules/ui/table/options/components/TableViewsDropdownButton.tsx

@@ -3,7 +3,7 @@ import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 import { useRecoilCallback, useSetRecoilState } from 'recoil';
 
-import { IconButton } from '@/ui/button/components/IconButton';
+import { FloatingIconButton } from '@/ui/button/components/FloatingIconButton';
 import { DropdownMenuItem } from '@/ui/dropdown/components/DropdownMenuItem';
 import { StyledDropdownMenuItemsContainer } from '@/ui/dropdown/components/StyledDropdownMenuItemsContainer';
 import { StyledDropdownMenuSeparator } from '@/ui/dropdown/components/StyledDropdownMenuSeparator';
@@ -199,19 +199,20 @@ export const TableViewsDropdownButton = ({
       onIsUnfoldedChange={setIsUnfolded}
       anchor="left"
       HotkeyScope={HotkeyScope}
+      menuWidth="auto"
     >
       <StyledDropdownMenuItemsContainer>
         {tableViews.map((view) => (
           <DropdownMenuItem
             key={view.id}
             actions={[
-              <IconButton
+              <FloatingIconButton
                 key="edit"
                 onClick={(event) => handleEditViewButtonClick(event, view.id)}
                 icon={<IconPencil size={theme.icon.size.sm} />}
               />,
               tableViews.length > 1 ? (
-                <IconButton
+                <FloatingIconButton
                   key="delete"
                   onClick={(event) =>
                     handleDeleteViewButtonClick(event, view.id)