ConnectRPC: Initialize buf workspace, generate ts files, use using connect-query

src/components/Header.tsx

@@ -1,13 +1,14 @@
-import { Link } from '@tanstack/solid-router'
+import { Link } from "@tanstack/solid-router";
 
-import TanStackQueryHeaderUser from '../integrations/tanstack-query/header-user.tsx'
+import TanStackQueryHeaderUser from "../integrations/tanstack-query/header-user.tsx";
 
 export default function Header() {
   return (
     <div class="flex items-center justify-between px-4">
       <Link to="/">Home</Link>
       <Link to="/todo">Todo</Link>
+      <Link to="/shorten">Shorten</Link>
       <TanStackQueryHeaderUser />
     </div>
-  )
+  );
 }