fix: fixed spacing issue in tabs

services/frontend/src/components/Tab.tsx

@@ -24,6 +24,7 @@ const Root = styled("div")<IRootProps>(({ hidden, active }) => ({
   fontWeight: 500,
   whiteSpace: "nowrap",
   borderBottomWidth: 2,
+  cursor: "pointer",
 
   ...(active
     ? { color: "#4f46e5", borderColor: "#6366f1" }

services/frontend/src/components/Tabs.tsx

@@ -21,6 +21,7 @@ const Root = styled("div")`
 const Nav = styled("nav")`
   display: flex;
   flex-direction: row;
+  column-gap: ${({ theme }) => theme.spacing(3)};
   margin-bottom: -1px;
 `;