Move to Zustand and add Filters to web_test (#1077)

* Moved to zustand and started refactored filters

- Move from redux to zustand
- Refactor Filters typings and add some helper types
- Add Filters button and Picker/Switch filter options
- Fixed Syosetu typings

* Add rule consistent-type-definitions

- Add consistent-type-definitions eslint rule to force consistent use of types instead of interfaces
- Run eslint to auto-change every interface to types

https://dev.to/atheodosiou/types-vs-interfaces-in-typescript-making-the-right-choice-48a4
https://www.youtube.com/watch?v=zM9UPcIyyhQ

* Add other filters and refactor

- Move Dialog to FiltersDialog
- CheckboxFilter, TextFilter, XCheckboxFilter added
- Added TripleCheckbox and TripleSwitch as tri-state checkbox/switch items using Mui stylings

* TriStateCheckbox/Switch refactor

- Change name of TripleSwitch and TripleCheckbox to TriState
- Change slightly TriStateSwitch and StyledSwitch styles
- Add option to change into TriStateSwitches via `localStorage` value `useSwitches`

* Refactor code and fix issues

* fix: prettier

---------

Co-authored-by: nyagami <hoangquan05112002@gmail.com>

scripts/multisrc/mtlnovel/template.ts

@@ -5,17 +5,17 @@ import { NovelStatus } from '@libs/novelStatus';
 import { defaultCover } from '@libs/defaultCover';
 import { Filters } from '@libs/filterInputs';
 
-interface MTLNovelOptions {
+type MTLNovelOptions = {
   lang?: string;
-}
+};
 
-export interface MTLNovelMetadata {
+export type MTLNovelMetadata = {
   id: string;
   sourceSite: string;
   sourceName: string;
   options?: MTLNovelOptions;
   filters?: any;
-}
+};
 
 class MTLNovelPlugin implements Plugin.PluginBase {
   id: string;
@@ -197,11 +197,11 @@ class MTLNovelPlugin implements Plugin.PluginBase {
     const result = await res.json();
 
     const novels: Plugin.NovelItem[] = [];
-    interface SearchEntry {
+    type SearchEntry = {
       title: string;
       thumbnail: string;
       permalink: string;
-    }
+    };
     result.items[0].results.map((item: SearchEntry) => {
       const novelName = item.title.replace(/<\/?strong>/g, '');
       const novelCover = item.thumbnail;