feat: apply new style on side-navigation component

inertia/components/dashboard/side_nav/nav_item.tsx

@@ -0,0 +1,28 @@
+import styled from '@emotion/styled';
+import { Link } from '@inertiajs/react';
+
+export const Item = styled.div(({ theme }) => ({
+  userSelect: 'none',
+  height: '40px',
+  width: '280px',
+  backgroundColor: theme.colors.lightGrey,
+  padding: '8px 12px',
+  borderRadius: theme.border.radius,
+  display: 'flex',
+  gap: '.75em',
+  alignItems: 'center',
+
+  '& > svg': {
+    height: '24px',
+    width: '24px',
+  },
+
+  // Disable hover effect for UserCard
+  '&:hover:not(.disable-hover)': {
+    backgroundColor: theme.colors.white,
+    outlineWidth: '1px',
+    outlineStyle: 'solid',
+  },
+}));
+
+export const ItemLink = Item.withComponent(Link);