refactor: simplify Settings component

Author: kyrers

web/src/components/RegistryCard/RegistryInfo.tsx

@@ -35,7 +35,7 @@ const ListInfo: React.FC<IListInfo> = ({ title, totalItems, logoURI, status, isL
       className={cn(
         "flex flex-col justify-center items-center gap-2 h-[calc(100%-45px)]",
         isListView && [
-          "grid grid-cols-[21px_max.content_1fr_max-content] grid-rows-[repeat(3,min-content)] gap-y-4",
+          "grid grid-cols-[21px_max-content_1fr_max-content] grid-rows-[repeat(3,min-content)] gap-y-4",
           "w-full h-max lg:h-16 p-4",
           "[&_h3]:col-span-4 [&_img]:col-span-4",
           "lg:justify-between lg:grid-rows-[1fr] lg:px-8",

web/src/layout/Header/navbar/Menu/Settings/index.tsx

@@ -10,26 +10,31 @@ import clsx from "clsx";
 const TABS = [
   {
     id: 0,
+    value: 0,
     text: "General",
+    content: null,
   },
   {
     id: 1,
+    value: 1,
     text: "Notifications",
+    content: null,
   },
 ];
 
 const inlinePaddingCalc = "calc(8px+(32-8)*((100vw-300px)/(1250-300)))";
 const widthCalc = "calc(300px+(424-300)*((100vw-300px)/(1250-300)))";
 
-const Settings: React.FC<ISettings> = ({ toggleIsSettingsOpen, initialTab }) => {
-  const [currentTab, setCurrentTab] = useState<number>(initialTab || 0);
+const Settings: React.FC<ISettings> = ({ toggleIsSettingsOpen }) => {
+  const [currentTab, setCurrentTab] = useState<number>(0);
   const containerRef = useRef(null);
   const location = useLocation();
   const navigate = useNavigate();
   useClickAway(containerRef, () => {
     toggleIsSettingsOpen();
     if (location.hash.includes("#notifications")) navigate("#", { replace: true });
   });
+
   return (
     <div
       ref={containerRef}
@@ -42,10 +47,9 @@ const Settings: React.FC<ISettings> = ({ toggleIsSettingsOpen, initialTab }) =>
       <div className="flex justify-center text-2xl mt-6 text-klerosUIComponentsPrimaryText">Settings</div>
       <Tabs
         className={clsx(`py-0 px-[${inlinePaddingCalc}]`, `max-w-[660px] w-[86vw] lg:w-[${widthCalc}]`)}
-        currentValue={currentTab}
         items={TABS}
-        callback={(n: number) => {
-          setCurrentTab(n);
+        callback={(_, value: number) => {
+          setCurrentTab(value);
         }}
       />
       {currentTab === 0 ? <General /> : <NotificationSettings {...{ toggleIsSettingsOpen }} />}