change component name for clarity

src/Components/Tab/index.jsx

@@ -2,7 +2,7 @@ import { Box, useTheme } from "@mui/material";
 import { TabList } from "@mui/lab";
 import PropTypes from "prop-types";
 
-const TabListWrapper = ({ value, onChange, children, ...props }) => {
+const CustomTabList = ({ value, onChange, children, ...props }) => {
 	const theme = useTheme();
 
 	return (
@@ -19,10 +19,10 @@ const TabListWrapper = ({ value, onChange, children, ...props }) => {
 	);
 };
 
-TabListWrapper.propTypes = {
+CustomTabList.propTypes = {
 	value: PropTypes.string,
 	onChange: PropTypes.func,
 	children: PropTypes.node,
 };
 
-export default TabListWrapper;
+export default CustomTabList;

src/Pages/Account/index.jsx

@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 import { useNavigate } from "react-router";
 import { useSelector } from "react-redux";
 import { Box, Tab, useTheme } from "@mui/material";
-import TabListWrapper from "../../Components/Tab";
+import CustomTabList from "../../Components/Tab";
 import TabContext from "@mui/lab/TabContext";
 import TabList from "@mui/lab/TabList";
 import ProfilePanel from "../../Components/TabPanels/Account/ProfilePanel";
@@ -60,7 +60,7 @@ const Account = ({ open = "profile" }) => {
 			py={theme.spacing(12)}
 		>
 			<TabContext value={tab}>
-				<TabListWrapper value={tab} onChange={handleTabChange} aria-label="account tabs">
+				<CustomTabList value={tab} onChange={handleTabChange} aria-label="account tabs">
 					{tabList.map((label, index) => (
 						<Tab
 							label={label}
@@ -71,7 +71,7 @@ const Account = ({ open = "profile" }) => {
 							tabIndex={index}
 						/>
 					))}
-				</TabListWrapper>
+				</CustomTabList>
 				<ProfilePanel />
 				{user.role.includes("superadmin") && <PasswordPanel />}
 				{!hideTeams && <TeamPanel />}

src/Pages/StatusPage/Create/Components/Tabs/index.jsx

@@ -6,7 +6,7 @@ import Content from "./Content";
 
 // Utils
 import PropTypes from "prop-types";
-import TabListWrapper from "../../../../../Components/Tab";
+import CustomTabList from "../../../../../Components/Tab";
 
 const Tabs = ({
 	isCreate,
@@ -27,7 +27,7 @@ const Tabs = ({
 	const theme = useTheme();
 	return (
 		<TabContext value={TAB_LIST[tab]}>
-			<TabListWrapper
+			<CustomTabList
 				onChange={(_, selected) => {
 					setTab(TAB_LIST.indexOf(selected));
 				}}
@@ -40,7 +40,7 @@ const Tabs = ({
 						value={tabLabel}
 					/>
 				))}
-			</TabListWrapper>
+			</CustomTabList>
 			{tab === 0 ? (
 				<Settings
 					tabValue={TAB_LIST[0]}