Refactor component imports for consistency; streamline Menu and SideMenu components; enhance TableRow and TableWithPagination for better data handling; update Header component for improved user experience.

src/components/menu/index.tsx

@@ -33,13 +33,10 @@ const Menu = (props: IMenu) => {
         const active = currentLocation === path;
 
         return (
-          <MenuItem
-            className={active ? 'active' : ''}
-            onClick={toggleShowMenu}
-            key={menuItem}
-            to={`/${applicationId}/${path}`}
-          >
-            <span><FontAwesomeIcon icon={icon} /></span>
+          <MenuItem className={active ? 'active' : ''} onClick={toggleShowMenu} key={menuItem} to={`/${applicationId}/${path}`}>
+            <span>
+              <FontAwesomeIcon icon={icon} />
+            </span>
             <p>{menuItem}</p>
           </MenuItem>
         );
@@ -48,4 +45,4 @@ const Menu = (props: IMenu) => {
   );
 };
 
-export default Menu;
+export default Menu;

src/components/menu/style.ts

@@ -5,10 +5,7 @@ import * as styled from 'styled-components';
 import {Link} from 'components/ui';
 import {theme, paddings} from 'components/shared/theme';
 
-const {
-  colors,
-  primaryThemeColor
-} = theme;
+const {colors, primaryThemeColor} = theme;
 
 export const MenuLayout = styled.default.div`
   display: flex;
@@ -37,4 +34,4 @@ export const MenuItem = styled.default(Link)`
     font-size: 22px;
     margin: 0 ${paddings.medium} 0 0;
   }
-`;
+`;