Options panels refactoring (#196)

* Refactor library options to match chapter options using shared component

* Disable some eslint rules

* Cleanup SourceOptions layout to use same components as other panels

src/components/molecules/OptionsPanel.tsx

@@ -0,0 +1,47 @@
+/*
+ * 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 {
+    Drawer,
+} from '@mui/material';
+import { Box } from '@mui/system';
+import React from 'react';
+
+interface IProps {
+    open: boolean
+    onClose: () => void
+    children: React.ReactNode
+    minHeight?: number
+}
+
+const OptionsPanel: React.FC<IProps> = ({
+    open, onClose, children, minHeight,
+}) => (
+    <Drawer
+        anchor="bottom"
+        open={open}
+        onClose={onClose}
+        PaperProps={{
+            style: {
+                maxWidth: 600,
+                marginLeft: 'auto',
+                marginRight: 'auto',
+                minHeight,
+            },
+        }}
+    >
+        <Box>
+            {children}
+        </Box>
+    </Drawer>
+);
+
+OptionsPanel.defaultProps = {
+    minHeight: undefined,
+};
+
+export default OptionsPanel;