feat: add snowfall topbar button

src/components/clerk/Topbar.tsx

@@ -35,10 +35,11 @@ import { Button } from "../ui/button";
 import { ModeToggle as ThemeSwitcher } from "../ThemeSwitcher";
 import { Popover, PopoverTrigger, PopoverContent } from "../ui/popover";
 import Image from "next/image";
-import { InfoIcon } from "lucide-react";
+import { CloudSnow, InfoIcon } from "lucide-react";
 import LoggedInPopover from "./LoggedInPopover";
 import SignInPopoverButton from "./SignInPopoverButton";
 import InfoPopover from "../misc/InfoPopover";
+import { snowfallEvents } from "../misc/SnowfallController";
 
 export default function TopBar({ inter }: { inter: string }) {
   const clerk = useClerk();
@@ -49,6 +50,14 @@ export default function TopBar({ inter }: { inter: string }) {
       <SignedOut>
         <div className="mt-1 gap-1 grid grid-cols-5">
           <SignInPopoverButton className="col-span-2" variant="outline" />
+          <Button
+            size="icon"
+            variant="ghost"
+            className="mb-1"
+            onClick={() => snowfallEvents.emit("toggle")}
+          >
+            <CloudSnow className="h-[1.2rem] w-[1.2rem]" />
+          </Button>
           <Popover>
             <PopoverTrigger>
               <Button size="icon" variant="ghost">
@@ -59,7 +68,15 @@ export default function TopBar({ inter }: { inter: string }) {
               <InfoPopover />
             </PopoverContent>
           </Popover>
-          <Button variant="ghost" size="icon">
+          <Button
+            variant="ghost"
+            size="icon"
+            onClick={() =>
+              window
+                .open("https://github.com/DeveloLongScript/MHSF", "_blank")
+                ?.focus()
+            }
+          >
             <svg
               viewBox="0 0 438.549 438.549"
               className="h-[1.2rem] w-[1.2rem]"
@@ -95,6 +112,14 @@ export default function TopBar({ inter }: { inter: string }) {
               <LoggedInPopover />
             </PopoverContent>
           </Popover>
+          <Button
+            size="icon"
+            variant="ghost"
+            className="mb-1"
+            onClick={() => snowfallEvents.emit("toggle")}
+          >
+            <CloudSnow className="h-[1.2rem] w-[1.2rem]" />
+          </Button>
           <Popover>
             <PopoverTrigger>
               <Button size="icon" variant="ghost" className="mb-1">