・プッシュ通知の修正

・メニューをスマホに最適化
・アラート送信済みの条件が再度発動しないように修正

src/client/components/Sidebar.jsx

@@ -1,4 +1,5 @@
-import { Bell, Globe2, Link, LogOut, ShieldCheck, UserRound } from 'lucide-react';
+import { useState } from 'react';
+import { Bell, Globe2, Link, LogOut, Menu, ShieldCheck, UserRound, X } from 'lucide-react';
 
 const navItems = [
   { view: 'sites', label: 'サイト一覧', icon: Globe2 },
@@ -8,14 +9,44 @@ const navItems = [
 ];
 
 export function Sidebar({ activeView, user, onNavigate, onLogout }) {
+  const [menuOpen, setMenuOpen] = useState(false);
+  const MenuIcon = menuOpen ? X : Menu;
+
+  function handleNavigate(view) {
+    onNavigate(view);
+    setMenuOpen(false);
+  }
+
+  function handleLogout() {
+    setMenuOpen(false);
+    onLogout();
+  }
+
   return (
-    <aside className="sidebar" aria-label="メインメニュー">
+    <aside className={`sidebar ${menuOpen ? 'menu-open' : ''}`} aria-label="メインメニュー">
       <div className="sidebar-brand">
         <ShieldCheck aria-hidden="true" size={24} />
         <span>CertRemind</span>
       </div>
 
-      <nav className="sidebar-nav">
+      <div className="sidebar-mobile-user">
+        <UserRound aria-hidden="true" size={18} />
+        <span>{user.displayName}</span>
+      </div>
+
+      <button
+        className="sidebar-menu-button"
+        type="button"
+        onClick={() => setMenuOpen((open) => !open)}
+        aria-expanded={menuOpen}
+        aria-controls="sidebar-menu"
+        aria-label={menuOpen ? 'メニューを閉じる' : 'メニューを開く'}
+        title={menuOpen ? 'メニューを閉じる' : 'メニューを開く'}
+      >
+        <MenuIcon aria-hidden="true" size={22} />
+      </button>
+
+      <nav className="sidebar-nav" id="sidebar-menu">
         {navItems.map((item) => {
           const Icon = item.icon;
           const active = activeView === item.view;
@@ -23,7 +54,7 @@ export function Sidebar({ activeView, user, onNavigate, onLogout }) {
             <button
               className={`sidebar-link ${active ? 'active' : ''}`}
               key={item.view}
-              onClick={() => onNavigate(item.view)}
+              onClick={() => handleNavigate(item.view)}
               aria-current={active ? 'page' : undefined}
               title={item.label}
             >
@@ -39,7 +70,7 @@ export function Sidebar({ activeView, user, onNavigate, onLogout }) {
           <UserRound aria-hidden="true" size={18} />
           <span>{user.displayName}</span>
         </div>
-        <button className="sidebar-link" onClick={onLogout} title="ログアウト">
+        <button className="sidebar-link" onClick={handleLogout} title="ログアウト">
           <LogOut aria-hidden="true" size={20} />
           <span>ログアウト</span>
         </button>