A bunch more theme stuff

src-web/hooks/useThemes.ts

@@ -0,0 +1,13 @@
+import { yaakDark, yaakLight, yaakThemes } from '../lib/theme/themes';
+
+export function useThemes() {
+  const dark = yaakDark;
+  const light = yaakLight;
+
+  const otherThemes = yaakThemes
+    .filter((t) => t.id !== dark.id && t.id !== light.id)
+    .sort((a, b) => a.name.localeCompare(b.name));
+
+  const themes = [dark, light, ...otherThemes];
+  return { themes, fallback: { dark, light } };
+}