chore: fixes from deno linting/formatting

src/components/generic/Blur.tsx

@@ -1,4 +1,4 @@
-export const Blur = (): JSX.Element => {
+export const Blur = () => {
   return (
     <div
       className="fixed inset-0 backdrop-blur-md backdrop-brightness-press"

src/components/generic/Mono.tsx

@@ -2,7 +2,7 @@ export const Mono = ({
   children,
   className,
   ...rest
-}: JSX.IntrinsicElements["span"]): JSX.Element => {
+}: JSX.IntrinsicElements["span"]) => {
   return (
     <span
       className={`font-mono text-sm text-text-secondary ${className ?? ""}`}

src/components/generic/Table/index.tsx

@@ -1,9 +1,9 @@
 import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import React, { useState } from "react";
+import { useState } from "react";
 
 export interface TableProps {
   headings: Heading[];
-  rows: JSX.Element[][];
+  rows: [][];
 }
 
 export interface Heading {
@@ -12,7 +12,7 @@ export interface Heading {
   sortable: boolean;
 }
 
-export const Table = ({ headings, rows }: TableProps): JSX.Element => {
+export const Table = ({ headings, rows }: TableProps) => {
   const [sortColumn, setSortColumn] = useState<string | null>("Last Heard");
   const [sortOrder, setSortOrder] = useState<"asc" | "desc">("desc");
 
@@ -75,11 +75,9 @@ export const Table = ({ headings, rows }: TableProps): JSX.Element => {
               <div className="flex gap-2">
                 {heading.title}
                 {sortColumn === heading.title &&
-                  (sortOrder === "asc" ? (
-                    <ChevronUpIcon size={16} />
-                  ) : (
-                    <ChevronDownIcon size={16} />
-                  ))}
+                  (sortOrder === "asc"
+                    ? <ChevronUpIcon size={16} />
+                    : <ChevronDownIcon size={16} />)}
               </div>
             </th>
           ))}

src/components/generic/ThemeProvider.tsx

@@ -1,67 +0,0 @@
-import type React from "react";
-import { createContext, useContext, useEffect, useState } from "react";
-
-type Theme = "light" | "dark" | "system";
-
-interface ThemeContextType {
-  theme: Theme;
-  setTheme: (theme: Theme) => void;
-}
-
-const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
-
-export function ThemeProvider({ children }: { children: React.ReactNode }) {
-  const [theme, setTheme] = useState<Theme>(() => {
-    if (typeof window !== "undefined") {
-      const savedTheme = localStorage.getItem("theme") as Theme;
-      return savedTheme || "system";
-    }
-    return "system";
-  });
-
-  useEffect(() => {
-    const root = window.document.documentElement;
-    root.classList.remove("light", "dark");
-
-    if (theme === "system") {
-      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)")
-        .matches
-        ? "dark"
-        : "light";
-      root.classList.add(systemTheme);
-    } else {
-      root.classList.add(theme);
-    }
-
-    localStorage.setItem("theme", theme);
-  }, [theme]);
-
-  useEffect(() => {
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-
-    const handleChange = () => {
-      if (theme === "system") {
-        const root = window.document.documentElement;
-        root.classList.remove("light", "dark");
-        root.classList.add(mediaQuery.matches ? "dark" : "light");
-      }
-    };
-
-    mediaQuery.addEventListener("change", handleChange);
-    return () => mediaQuery.removeEventListener("change", handleChange);
-  }, [theme]);
-
-  return (
-    <ThemeContext.Provider value={{ theme, setTheme }}>
-      {children}
-    </ThemeContext.Provider>
-  );
-}
-
-export function useTheme() {
-  const context = useContext(ThemeContext);
-  if (context === undefined) {
-    throw new Error("useTheme must be used within a ThemeProvider");
-  }
-  return context;
-}

src/components/generic/TimeAgo.tsx

@@ -5,7 +5,6 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@radix-ui/react-tooltip";
-import type { JSX } from "react";
 
 export interface TimeAgoProps {
   timestamp: number;
@@ -43,7 +42,7 @@ const getTimeAgo = (
   return rtf.format(Math.floor(0 - diff), "second");
 };
 
-export const TimeAgo = ({ timestamp }: TimeAgoProps): JSX.Element => {
+export const TimeAgo = ({ timestamp }: TimeAgoProps) => {
   return (
     <TooltipProvider>
       <Tooltip>

src/components/generic/Uptime.tsx

@@ -1,5 +1,3 @@
-import type { JSX } from "react";
-
 export interface UptimeProps {
   seconds: number;
 }
@@ -12,6 +10,6 @@ const getUptime = (seconds: number): string => {
   return `${days}d ${hours}h ${minutes}m ${secondsLeft}s`;
 };
 
-export const Uptime = ({ seconds }: UptimeProps): JSX.Element => {
+export const Uptime = ({ seconds }: UptimeProps) => {
   return <span>{getUptime(seconds)}</span>;
 };