refact: convert components to use React.FC type + type improvements

src/ThemeProvider.tsx

@@ -1,23 +1,22 @@
-import React, { createContext, useMemo } from "react"
+import React, { createContext, FC, useMemo } from "react"
 import { ThemeProvider as BaseThemeProvider } from "styled-components"
 
 import { darkTheme, lightTheme } from "./design/themes"
 import { useLocalStorage } from "./hooks/useLocalStorage"
 
-interface IThemeProviderProps {
-  // TODO: type this properly, BaseThemeProvider doesn't like React.ReactNode
-  children: any
-}
-
 export interface IThemeContext {
   theme: "dark" | "light"
   setTheme: () => void
   toggleTheme: () => void
 }
 
+interface IScopedDownChildren {
+  children: JSX.Element
+}
+
 export const ThemeContext = createContext<IThemeContext | null>(null)
 
-const ThemeProvider = ({ children }: IThemeProviderProps) => {
+const ThemeProvider: FC<IScopedDownChildren> = ({ children }) => {
   const [theme, setTheme] = useLocalStorage("theme", "light")
 
   const themeObject = useMemo(