Move "core" folder out of "features" into "base"

src/base/components/tabs/TabPanel.tsx

@@ -0,0 +1,26 @@
+/*
+ * Copyright (C) Contributors to the Suwayomi project
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import Box, { BoxProps } from '@mui/material/Box';
+import React from 'react';
+
+interface IProps extends BoxProps {
+    children: React.ReactNode;
+    index: any;
+    currentIndex: any;
+}
+
+export function TabPanel(props: IProps) {
+    const { children, index, currentIndex, ...boxProps } = props;
+
+    return (
+        <Box {...boxProps} role="tabpanel" hidden={index !== currentIndex} id={`simple-tabpanel-${index}`}>
+            {currentIndex === index && children}
+        </Box>
+    );
+}

src/base/components/tabs/TabsMenu.tsx

@@ -0,0 +1,46 @@
+/*
+ * Copyright (C) Contributors to the Suwayomi project
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import Tabs, { TabsProps } from '@mui/material/Tabs';
+import { styled } from '@mui/material/styles';
+import { ForwardedRef, forwardRef } from 'react';
+import { useNavBarContext } from '@/features/navigation-bar/NavbarContext.tsx';
+
+const StyledTabsMenu = styled(Tabs)(({ theme }) => ({
+    display: 'flex',
+    position: 'sticky',
+    left: 0,
+    right: 0,
+    zIndex: 1,
+    backgroundColor: theme.palette.background.default,
+    border: 0,
+    borderBottomWidth: 2,
+    borderStyle: 'solid',
+    borderColor: theme.palette.divider,
+}));
+
+export const TabsMenu = forwardRef(
+    ({ children, sx, ...props }: TabsProps, ref: ForwardedRef<HTMLDivElement | null>) => {
+        const { appBarHeight } = useNavBarContext();
+
+        return (
+            <StyledTabsMenu
+                sx={{ ...sx, top: appBarHeight }}
+                ref={ref}
+                indicatorColor="primary"
+                textColor="primary"
+                variant="scrollable"
+                scrollButtons="auto"
+                allowScrollButtonsMobile
+                {...props}
+            >
+                {children}
+            </StyledTabsMenu>
+        );
+    },
+);

src/base/components/tabs/TabsWrapper.tsx

@@ -0,0 +1,15 @@
+/*
+ * Copyright (C) Contributors to the Suwayomi project
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import Box, { BoxProps } from '@mui/material/Box';
+
+export const TabsWrapper = ({ children, ...props }: BoxProps) => (
+    <Box {...props} sx={{ ...props.sx, position: 'relative', height: `100%` }}>
+        {children}
+    </Box>
+);