Add shared Logo component and password_reset_tokens migration

backend/internal/infrastructure/database/migrations/20260627161855_password_reset_tokens.sql

@@ -0,0 +1,13 @@
+-- +goose Up
+CREATE TABLE password_reset_tokens (
+    id         UUID        PRIMARY KEY DEFAULT gen_random_uuid(),
+    email      TEXT        NOT NULL,
+    token      TEXT        NOT NULL UNIQUE,
+    expires_at TIMESTAMPTZ NOT NULL,
+    used_at    TIMESTAMPTZ,
+    created_at TIMESTAMPTZ NOT NULL DEFAULT NOW()
+);
+CREATE INDEX idx_password_reset_tokens_token ON password_reset_tokens(token);
+
+-- +goose Down
+DROP TABLE IF EXISTS password_reset_tokens;

web/components/common/Logo.tsx

@@ -0,0 +1,9 @@
+import Link from 'next/link'
+
+export function Logo({ className }: { className?: string }) {
+  return (
+    <Link href="/" className={`text-sm font-semibold tracking-tight hover:opacity-70 transition-opacity ${className ?? ''}`}>
+      App
+    </Link>
+  )
+}

web/components/common/container.tsx

@@ -1,7 +1,7 @@
 import { cn } from "@/lib/utils";
 
 const Container = ({ children, className }: { children: React.ReactNode; className?: string }) => {
-  return <div className={cn("mx-auto max-w-7xl", className)}>{children}</div>;
+  return <div className={cn("mx-auto max-w-7xl px-4", className)}>{children}</div>;
 };
 
 export default Container;

web/components/layout/AppSidebar.tsx

@@ -1,5 +1,5 @@
-import Link from 'next/link'
 import { LayoutDashboard, Settings } from 'lucide-react'
+import { Logo } from '@/components/common/Logo'
 import {
   Sidebar,
   SidebarContent,
@@ -13,6 +13,7 @@ import {
   SidebarMenuItem,
 } from '@/components/ui/sidebar'
 import { UserMenu } from '@/features/auth/components/UserMenu'
+import Link from 'next/link'
 
 const navItems = [
   { title: 'Dashboard', url: '/dashboard', icon: LayoutDashboard },
@@ -23,9 +24,7 @@ export function AppSidebar() {
   return (
     <Sidebar>
       <SidebarHeader className="px-4 py-3">
-        <Link href="/" className="text-sm font-semibold tracking-tight hover:opacity-70 transition-opacity">
-          App
-        </Link>
+        <Logo />
       </SidebarHeader>
       <SidebarContent>
         <SidebarGroup>

web/components/layout/header.tsx

@@ -1,13 +1,11 @@
-import Link from "next/link"
+import { Logo } from "@/components/common/Logo"
 import { NavAuth } from "./NavAuth"
 
 export default function Header() {
   return (
     <header className="sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60">
       <div className="container mx-auto flex h-14 items-center px-4">
-        <Link href="/" className="text-sm font-semibold tracking-tight">
-          App
-        </Link>
+        <Logo />
         <div className="flex-1" />
         <NavAuth />
       </div>