feat: overhaul webui (#135)

feat: Added Inter Variable as the default font

feat: Added a pattern to the page background.

fix(react-multi-select-component): Made the multiselect components theme-agnostic, so it works properly with the light theme now.

fix(react-select): Made the components fix the default 30px height of the rest of the input components.

fix(useToggle): Fixed a bug where the toggle didn't work due to useCallback memoizing a callback with the old value.
refactor(Base):
- Added small theme-primary gradient to the beginning of the header.
- Made the splitter border theme-agnostic.
- Increased logo size a bit.
- Moved the links a bit closer to the logo.
- Updated the default link style to look more stylish.
- Added a link to the autobrr Docs section (currently defaults to the Indexers sections, but this should lead to an "Overview" page for configuring autobrr)
- Adapted the user dropdown to match the other header links' stylesheets and removed the annoying ring focus.
- Adapted the header for theme-agnostic mobile usage.
- Removed the negative padding/margin hacks.

refactor(StatsItem): Increased shadow size/strength and made the description text a bit lighter on the dark theme.

refactor(Dashboard): Increased the heading text sizes.

refactor(Logs, Releases, Settings, Login, filters/details, filters/list): Adapted to match the previous changes and improved theme compatibility with regards to text.

refactor(RegexPlayground): Fixed match highlight for JS regex.

web/src/forms/settings/IndexerForms.tsx

@@ -254,6 +254,14 @@ export function IndexerAddForm({ isOpen, toggle }: AddProps) {
                                                                                     color: "unset"
                                                                                 })
                                                                             }}
+                                                                            theme={(theme) => ({
+                                                                                ...theme,
+                                                                                spacing: {
+                                                                                  ...theme.spacing,
+                                                                                  controlHeight: 30,
+                                                                                  baseUnit: 2,
+                                                                                }
+                                                                            })}
                                                                             value={field?.value && field.value.value}
                                                                             onChange={(option: any) => {
                                                                                 setFieldValue("name", option?.label ?? "")