test

packages/react/src/App.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+import { useThemeInit } from "./hooks/useTheme";
+import { RouterProvider } from "react-router-dom";
+import router from "./routes/router";
+import { useSyncTFunction } from "./store/i18n";
+
+export function App() {
+  useThemeInit();
+  useSyncTFunction();
+  return <RouterProvider router={router} />;
+}

packages/react/src/components/about/request/ChannelPicker.tsx

@@ -55,7 +55,7 @@ export function ChannelPicker<
       <PopoverTrigger asChild>
         <FormControl>
           <Button
-            className="border-base-6 focus:border-blue-6 justify-between px-4"
+            className="justify-between border-base-6 px-4 focus:border-blue-6"
             size="lg"
             variant="outline"
             role="combobox"

packages/react/src/main.tsx

@@ -5,20 +5,17 @@ import { HelmetProvider } from "react-helmet-async";
 import { ErrorBoundary } from "react-error-boundary";
 import "./index.css";
 import "uno.css";
-import { useThemeInit } from "./hooks/useTheme";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import "./lib/i18n";
-import { RouterProvider } from "react-router-dom";
 import dayjs from "dayjs";
 import calendar from "dayjs/plugin/calendar";
 import relativeTime from "dayjs/plugin/relativeTime";
 import utc from "dayjs/plugin/utc";
 import timezone from "dayjs/plugin/timezone";
-import localizedFormat from 'dayjs/plugin/localizedFormat'
-import router from "./routes/router";
+import localizedFormat from "dayjs/plugin/localizedFormat";
 import { ErrorFallback } from "./components/common/ErrorFallback";
-import { useSyncTFunction } from "./store/i18n";
+import { App } from "./App";
 
 const GOOGLE_CLIENT_ID =
   "275540829388-87s7f9v2ht3ih51ah0tjkqng8pd8bqo2.apps.googleusercontent.com";
@@ -37,13 +34,7 @@ dayjs.extend(calendar);
 dayjs.extend(relativeTime);
 dayjs.extend(utc);
 dayjs.extend(timezone); // dependent on utc plugin
-dayjs.extend(localizedFormat)
-
-function App() {
-  useThemeInit();
-  useSyncTFunction();
-  return <RouterProvider router={router} />;
-}
+dayjs.extend(localizedFormat);
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>

packages/react/src/services/live.service.ts

@@ -1,5 +1,5 @@
 import { useClient } from "@/hooks/useClient";
-import { UseQueryOptions, useQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 
 interface UseLiveParams {
   channel_id?: string;