UI/sidebar: rework tailwind theme and classes

pkgs/webview-ui/app/src/layout/layout.tsx

@@ -1,14 +1,13 @@
 import { Component, createEffect, Show } from "solid-js";
 import { Header } from "./header";
 import { Sidebar } from "../Sidebar";
-import {Sidebar as SidebarUpdate} from "@/src/components/Sidebar"
+import { Sidebar as SidebarUpdate } from "@/src/components/Sidebar";
 import { activeURI, clanList } from "../App";
 import { redirect, RouteSectionProps, useNavigate } from "@solidjs/router";
 
 export const Layout: Component<RouteSectionProps> = (props) => {
   const navigate = useNavigate();
-  +
-  createEffect(() => {
+  +createEffect(() => {
     console.log("Layout props", props.location);
     console.log(
       "empty ClanList, redirect to welcome page",
@@ -45,7 +44,7 @@ export const Layout: Component<RouteSectionProps> = (props) => {
             aria-label="close sidebar"
             class="drawer-overlay"
           ></label>
-          <SidebarUpdate />
+          <SidebarUpdate {...props} />
         </div>
       </div>
     </div>