move tab styles to theme so they apply globally

Client/src/Pages/Account/index.jsx

@@ -73,11 +73,6 @@ const Account = ({ open = "profile" }) => {
 					<TabList
 						onChange={handleTabChange}
 						aria-label="account tabs"
-						sx={{
-							"& .MuiTabs-indicator": {
-								backgroundColor: theme.palette.tertiary.contrastText,
-							},
-						}}
 					>
 						{tabList.map((label, index) => (
 							<Tab

Client/src/Utils/Theme/globalTheme.js

@@ -358,6 +358,15 @@ const baseTheme = (palette) => ({
 				}),
 			},
 		},
+		MuiTabs: {
+			styleOverrides: {
+				root: ({ theme }) => ({
+					"& .MuiTabs-indicator": {
+						backgroundColor: theme.palette.tertiary.contrastText,
+					},
+				}),
+			},
+		},
 	},
 	shape: {
 		borderRadius: 2,