🎨 Palette: Add accessibility attributes to layout buttons

src/components/layout/cli-command.tsx

@@ -51,12 +51,14 @@ export function CliCommand() {
         {tCommon("copied")}
       </span>
       <button
+        type="button"
+        aria-label={tCommon("copy")}
         onClick={handleCopy}
         onMouseEnter={() => setIsHovered(true)}
         onMouseLeave={() => setIsHovered(false)}
         className="group inline-flex cursor-pointer items-center gap-3 rounded-lg border border-zinc-700 bg-zinc-900 px-4 py-2.5 transition-all duration-300 hover:bg-zinc-800 dark:border-zinc-600 dark:bg-zinc-800 dark:hover:bg-zinc-700"
       >
-        <Terminal className="h-4 w-4 shrink-0 text-green-400" />
+        <Terminal className="h-4 w-4 shrink-0 text-green-400" aria-hidden="true" />
         <div className="relative flex h-5 items-center overflow-hidden">
           {/* Grid container for smooth width animation */}
           <div

src/components/layout/notification-bell.tsx

@@ -128,6 +128,8 @@ export function NotificationBell() {
           <span>{t("title")}</span>
           {totalCount > 0 && (
             <button
+              type="button"
+              aria-label={t("markAllRead")}
               onClick={() => handleMarkAsRead()}
               className="text-muted-foreground hover:text-foreground text-xs"
             >