feat: design system overhaul — sidebar, AI chats, settings, brainstorm, color cleanup

- Sidebar: dynamic brand-accent colors, brainstorm section restyled
- AI chat general: popup panel with expand/collapse, hides when contextual AI open
- AI chat contextual: tabs reordered (Actions first), X close button, height fix
- Settings: all tabs restyled, 6 new color presets (sage, terracotta, iron, etc.)
- Global color cleanup: emerald/orange hardcoded → brand-accent dynamic
- Brainstorm page: orange → brand-accent throughout
- PageEntry animation component added to key pages
- Floating AI button: bg-brand-accent instead of hardcoded black
- i18n: all 15 locales updated with new AI/billing keys
- Billing: freemium quota tracking, BYOK, stripe subscription scaffolding
- Admin: integrated into new design
- AGENTS.md + CLAUDE.md project rules added

memento-note/app/(main)/trash/trash-client.tsx

@@ -3,6 +3,7 @@
 import { useState, useMemo } from 'react'
 import { useRouter } from 'next/navigation'
 import { motion, AnimatePresence } from 'motion/react'
+import { PageEntry } from '@/components/page-entry'
 import {
   Trash2,
   RotateCcw,
@@ -137,6 +138,7 @@ export function TrashClient({
   }
 
   return (
+    <PageEntry>
     <div className="h-full flex flex-col bg-[#F9F8F6] dark:bg-[#1a1a1a]">
       <header className="px-12 pt-12 pb-8 flex flex-col gap-6 sticky top-0 bg-[#F9F8F6]/80 dark:bg-[#1a1a1a]/80 backdrop-blur-md z-30 border-b border-border/20">
         <div className="flex items-center justify-between">
@@ -206,12 +208,12 @@ export function TrashClient({
                       <motion.div
                         initial={{ width: 0 }}
                         animate={{ width: `${(daysLeft / 30) * 100}%` }}
-                        className={`h-full ${daysLeft < 5 ? 'bg-rose-500' : 'bg-blueprint'}`}
+                        className={`h-full ${daysLeft < 5 ? 'bg-rose-500' : 'bg-terreo'}`}
                       />
                     </div>
 
                     <div className="flex justify-between items-start mb-6">
-                      <div className={`p-3 rounded-2xl ${item.itemType === 'note' ? 'bg-blueprint/10 text-blueprint' : 'bg-concrete/10 text-concrete'}`}>
+                      <div className={`p-3 rounded-2xl ${item.itemType === 'note' ? 'bg-terreo/10 text-terreo' : 'bg-concrete/10 text-concrete'}`}>
                         {item.itemType === 'note' ? <FileText size={20} /> : <Folder size={20} />}
                       </div>
                       <div className="flex items-center gap-2">
@@ -236,7 +238,7 @@ export function TrashClient({
                         {item.title}
                       </h3>
                       <div className="flex items-center gap-3">
-                        <div className={`text-[9px] font-bold uppercase tracking-widest px-2 py-0.5 rounded border ${daysLeft < 5 ? 'border-rose-200 text-rose-500 bg-rose-50' : 'border-blueprint/20 text-blueprint bg-blueprint/5'}`}>
+                        <div className={`text-[9px] font-bold uppercase tracking-widest px-2 py-0.5 rounded border ${daysLeft < 5 ? 'border-rose-200 text-rose-500 bg-rose-50' : 'border-terreo/20 text-terreo bg-terreo/5'}`}>
                           {daysLeft} {t('trash.daysRemaining') || 'DAYS LEFT'}
                         </div>
                         {item.deletedAt && (
@@ -287,5 +289,6 @@ export function TrashClient({
         </p>
       </footer>
     </div>
+    </PageEntry>
   )
 }