fork next-themes into use-theme hook

components/Captcha/Captcha.tsx

@@ -1,7 +1,7 @@
 import { memo } from "react";
 import Head from "next/head";
-import { useTheme } from "next-themes";
 import HCaptcha from "@hcaptcha/react-hcaptcha";
+import { useTheme } from "../../hooks/use-theme";
 
 export type CaptchaProps = {
   size?: "normal" | "compact" | "invisible";

components/Comments/Comments.tsx

@@ -1,6 +1,6 @@
 import { memo } from "react";
-import { useTheme } from "next-themes";
 import { Giscus } from "@giscus/react";
+import { useTheme } from "../../hooks/use-theme";
 import { styled } from "../../lib/styles/stitches.config";
 import { giscusConfig } from "../../lib/config";
 import type { ComponentProps } from "react";

components/Layout/Layout.tsx

@@ -1,7 +1,7 @@
 import Head from "next/head";
-import { useTheme } from "next-themes";
 import Header from "../Header/Header";
 import Footer from "../Footer/Footer";
+import { useTheme } from "../../hooks/use-theme";
 import { styled, theme, darkTheme } from "../../lib/styles/stitches.config";
 import type { ComponentProps } from "react";
 

components/ThemeToggle/ThemeToggle.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState, memo } from "react";
-import { useTheme } from "next-themes";
+import { useTheme } from "../../hooks/use-theme";
 import { styled } from "../../lib/styles/stitches.config";
 import { SunIcon, MoonIcon } from "../Icons";
 

components/TweetEmbed/TweetEmbed.tsx

@@ -1,5 +1,5 @@
-import { useTheme } from "next-themes";
 import { TwitterTweetEmbed } from "react-twitter-embed";
+import { useTheme } from "../../hooks/use-theme";
 
 export type TweetEmbedProps = {
   id: string;