remove sidebar arrows

src/components/Sidebar/Button.tsx

@@ -1,15 +1,9 @@
 import React, { FC } from 'react';
 import { Button, ButtonProps } from '@mui/material';
-import NavigateNextIcon from '@mui/icons-material/NavigateNext';
 import { FluidContainer } from 'components/Container';
-interface IProps {
-    hideArrow?: boolean;
-    smallerArrow?: boolean;
-}
-const SidebarButton: FC<ButtonProps<'button', IProps>> = ({
+
+const SidebarButton: FC<ButtonProps<'button'>> = ({
     children,
-    hideArrow,
-    smallerArrow,
     sx,
     ...props
 }) => {
@@ -26,11 +20,6 @@ const SidebarButton: FC<ButtonProps<'button', IProps>> = ({
             `}
             {...props}>
             <FluidContainer>{children}</FluidContainer>
-            {!hideArrow && (
-                <NavigateNextIcon
-                    fontSize={smallerArrow ? 'small' : 'medium'}
-                />
-            )}
         </Button>
     );
 };

src/components/Sidebar/ExitSection.tsx

@@ -40,13 +40,10 @@ export default function ExitSection() {
 
     return (
         <>
-            <SidebarButton onClick={confirmLogout} hideArrow color="danger">
+            <SidebarButton onClick={confirmLogout} color="danger">
                 {constants.LOGOUT}
             </SidebarButton>
-            <SidebarButton
-                onClick={showDeleteAccountDirections}
-                hideArrow
-                color="danger">
+            <SidebarButton onClick={showDeleteAccountDirections} color="danger">
                 {constants.DELETE_ACCOUNT}
             </SidebarButton>
         </>

src/components/Sidebar/NavigationButton.tsx

@@ -17,7 +17,6 @@ const NavigationButton: FC<ButtonProps<'button', IProps>> = ({
 }) => {
     return (
         <SidebarButton
-            smallerArrow
             variant="contained"
             color="secondary"
             sx={{ px: '12px' }}