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/library/LibraryToolbarMenu.tsx

@@ -0,0 +1,32 @@
+/*
+ * 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 FilterList from '@mui/icons-material/FilterList';
+import { IconButton } from '@mui/material';
+import { useLibraryOptionsContext } from 'components/context/LibraryOptionsContext';
+import React, { useState } from 'react';
+import LibraryOptionsPanel from './LibraryOptionsPanel';
+
+const LibraryToolbarMenu: React.FC = () => {
+    const [open, setOpen] = useState(false);
+    const { options } = useLibraryOptionsContext();
+    const active = options.downloaded != null || options.unread != null;
+
+    return (
+        <>
+            <IconButton
+                onClick={() => setOpen(!open)}
+                color={active ? 'warning' : 'default'}
+            >
+                <FilterList />
+            </IconButton>
+            <LibraryOptionsPanel open={open} onClose={() => setOpen(false)} />
+        </>
+    );
+};
+
+export default LibraryToolbarMenu;