✨ Added a shade selector

Added a popover shade selector similar to the color selector, but shows primary and secondary colors to pick the desired Mantine primaryShade

src/tools/types.ts

@@ -1,12 +1,14 @@
 import { OptionValues } from '../components/modules/modules';
+import { MantineTheme } from '@mantine/core';
 
 export interface Settings {
   searchUrl: string;
   title?: string;
   logo?: string;
   favicon?: string;
-  primaryColor?: string;
-  secondaryColor?: string;
+  primaryColor?: MantineTheme['primaryColor'];
+  secondaryColor?: MantineTheme['primaryColor'];
+  primaryShade?: MantineTheme['primaryShade'];
   background?: string;
 }