feat(frontend): establish design system and redesign dashboard

frontend/index.html

@@ -1,10 +1,16 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" data-theme="calm">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>The Health App</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400&display=swap"
+      rel="stylesheet"
+    />
   </head>
   <body>
     <div id="root"></div>

frontend/public/locales/ar/common.json

@@ -53,5 +53,15 @@
 "introHighlight1": "تقييم شخصي لمخاطر الصحة",
 "introHighlight2": "دعم متعدد اللغات لإتاحة الوصول للجميع",
 "introHighlight3": "معالجة آمنة وخاصة للبيانات",
-"introHighlight4": "رؤى فورية مدعومة بأنظمة ذكية"
+"introHighlight4": "رؤى فورية مدعومة بأنظمة ذكية",
+"skipToContent": "تخطي إلى المحتوى",
+"primaryNav": "التنقل الرئيسي",
+"openMenu": "فتح القائمة",
+"backgroundTheme": "سمة الخلفية",
+"allRightsReserved": "جميع الحقوق محفوظة.",
+"themes": {
+  "calm": "هادئ",
+  "clinical": "سريري",
+  "grove": "بستان"
+}
 }

frontend/public/locales/ar/dashboard.json

@@ -1,20 +1,35 @@
 {
-"menuLabel": "لوحة",
-"title": "لوحة",
-"recentAssessments": "التقييمات الأخيرة",
-"noRecent": "لم يتم العثور على تقييمات حديثة",
-"healthStatus": "الحالة الصحية",
-"promptAssess": "أكمل تقييمًا للاطلاع على حالتك الصحية",
-"reminders": "التذكيرات",
-"quickActions": "إجراءات سريعة",
-"assessNow": "قيّم الآن",
-"viewHistory": "عرض السجل",
-"setReminder": "تعيين تذكير",
-"noReminders": "لا توجد تذكيرات",
-"viewDetails": "عرض التفاصيل",
-"healthQuestionnaire": "استبيان الصحة",
-"questionnaireDescription": "أكمل ملفك الصحي للحصول على توصيات مخصصة ورعاية أفضل.",
-"completeQuestionnaire": "أكمل الآن",
-"framinghamCardTitle": "تقييم مخاطر فرمنغهام",
-"framinghamCardDesc": "مخاطر القلب والأوعية لمدة 10 سنوات من الكوليسترول والضغط والتدخين والسكري—يُحسب على الخادم."
-}
+  "menuLabel": "لوحة",
+  "title": "لوحة",
+  "recentAssessments": "النشاط الأخير",
+  "noRecent": "لا توجد تقييمات حديثة بعد",
+  "healthStatus": "لمحة عن صحتك",
+  "promptAssess": "أكمل ملفك لفتح حالة مخصصة.",
+  "reminders": "التذكيرات",
+  "quickActions": "إجراءات سريعة",
+  "assessNow": "قيّم الآن",
+  "viewHistory": "عرض السجل",
+  "setReminder": "تعيين تذكير",
+  "noReminders": "لا توجد تذكيرات",
+  "viewDetails": "عرض التفاصيل",
+  "healthQuestionnaire": "استبيان الصحة",
+  "questionnaireDescription": "أكمل ملفك الصحي للحصول على توصيات مخصصة ورعاية أفضل.",
+  "completeQuestionnaire": "أكمل الآن",
+  "framinghamCardTitle": "تقييم مخاطر فرمنغهام",
+  "framinghamCardDesc": "مخاطر القلب والأوعية لمدة 10 سنوات من الكوليسترول والضغط والتدخين والسكري—يُحسب على الخادم.",
+  "primaryActionLabel": "ابدأ من هنا",
+  "primaryActionCompleteTitle": "تابع رحلة صحة قلبك",
+  "primaryActionCompleteDesc": "اكتمل استبيانك. شغّل تقييم فرمنغهام لتقدير مخاطر القلب لمدة 10 سنوات.",
+  "startFramingham": "بدء تقييم فرمنغهام",
+  "toolsHeading": "أدوات الصحة",
+  "toolsSubtitle": "قيّم المخاطر وأدر الوصفات واحصل على الدعم.",
+  "profileMetricLabel": "الملف الصحي",
+  "profileComplete": "مكتمل",
+  "profileIncomplete": "غير مكتمل",
+  "profileCompleteHint": "اكتمل الاستبيان",
+  "nextStepLabel": "الخطوة التالية المقترحة",
+  "nextStepAssess": "تقييم المخاطر",
+  "nextStepQuestionnaire": "الاستبيان",
+  "nextStepHint": "موجّه حسب تقدمك الحالي",
+  "activityEmptyDesc": "عند إكمال التقييمات ستظهر هنا."
+}

frontend/public/locales/en/common.json

@@ -47,5 +47,15 @@
   "introHighlight1": "Personalized health risk assessment",
   "introHighlight2": "Multilingual support for inclusive access",
   "introHighlight3": "Secure and private data handling",
-  "introHighlight4": "Real-time insights powered by intelligent systems"
+  "introHighlight4": "Real-time insights powered by intelligent systems",
+  "skipToContent": "Skip to content",
+  "primaryNav": "Primary",
+  "openMenu": "Open menu",
+  "backgroundTheme": "Background theme",
+  "allRightsReserved": "All rights reserved.",
+  "themes": {
+    "calm": "Calm",
+    "clinical": "Clinical",
+    "grove": "Grove"
+  }
 }

frontend/public/locales/en/dashboard.json

@@ -1,16 +1,31 @@
 {
   "menuLabel": "Dashboard",
   "title": "Dashboard",
-  "recentAssessments": "Recent Assessments",
-  "noRecent": "No recent assessments found.",
-  "healthStatus": "Health Status",
-  "promptAssess": "Complete an assessment to see your health status.",
+  "recentAssessments": "Recent activity",
+  "noRecent": "No recent assessments yet",
+  "healthStatus": "Your health snapshot",
+  "promptAssess": "Complete your profile to unlock personalized status.",
   "reminders": "Reminders",
   "noReminders": "No reminders set.",
   "viewDetails": "View Details",
   "healthQuestionnaire": "Health Questionnaire",
   "questionnaireDescription": "Complete your health profile to get personalized recommendations and better care.",
   "completeQuestionnaire": "Complete Now",
   "framinghamCardTitle": "Framingham Risk Assessment",
-  "framinghamCardDesc": "Clinical-style 10-year cardiovascular risk. Enter lab and vitals; your results are computed on the server."
+  "framinghamCardDesc": "Clinical-style 10-year cardiovascular risk. Enter lab and vitals; your results are computed on the server.",
+  "primaryActionLabel": "Start here",
+  "primaryActionCompleteTitle": "Continue your heart health journey",
+  "primaryActionCompleteDesc": "Your questionnaire is complete. Run a Framingham assessment for a 10-year cardiovascular risk estimate.",
+  "startFramingham": "Start Framingham assessment",
+  "toolsHeading": "Health tools",
+  "toolsSubtitle": "Assess risk, manage prescriptions, and get support.",
+  "profileMetricLabel": "Health profile",
+  "profileComplete": "Complete",
+  "profileIncomplete": "Incomplete",
+  "profileCompleteHint": "Questionnaire finished",
+  "nextStepLabel": "Suggested next step",
+  "nextStepAssess": "Risk assessment",
+  "nextStepQuestionnaire": "Questionnaire",
+  "nextStepHint": "Guided from your current progress",
+  "activityEmptyDesc": "When you finish assessments, they will appear here."
 }

frontend/public/locales/es/common.json

@@ -53,5 +53,15 @@
   "introHighlight1": "Evaluación personalizada del riesgo de salud",
   "introHighlight2": "Soporte multilingüe para un acceso inclusivo",
   "introHighlight3": "Manejo seguro y privado de los datos",
-  "introHighlight4": "Información en tiempo real con sistemas inteligentes"
+  "introHighlight4": "Información en tiempo real con sistemas inteligentes",
+  "skipToContent": "Saltar al contenido",
+  "primaryNav": "Navegación principal",
+  "openMenu": "Abrir menú",
+  "backgroundTheme": "Tema de fondo",
+  "allRightsReserved": "Todos los derechos reservados.",
+  "themes": {
+    "calm": "Calma",
+    "clinical": "Clínico",
+    "grove": "Bosque"
+  }
 }

frontend/public/locales/es/dashboard.json

@@ -1,10 +1,10 @@
 {
   "menuLabel": "Panel",
   "title": "Panel",
-  "recentAssessments": "Evaluaciones recientes",
-  "noRecent": "No se encontraron evaluaciones recientes.",
-  "healthStatus": "Estado de salud",
-  "promptAssess": "Completa una evaluación para ver tu estado de salud.",
+  "recentAssessments": "Actividad reciente",
+  "noRecent": "Aún no hay evaluaciones recientes",
+  "healthStatus": "Tu resumen de salud",
+  "promptAssess": "Completa tu perfil para desbloquear un estado personalizado.",
   "reminders": "Recordatorios",
   "quickActions": "Acciones rápidas",
   "assessNow": "Evaluar ahora",
@@ -16,5 +16,20 @@
   "questionnaireDescription": "Complete su perfil de salud para obtener recomendaciones personalizadas y mejor atención.",
   "completeQuestionnaire": "Completar Ahora",
   "framinghamCardTitle": "Evaluación de riesgo Framingham",
-  "framinghamCardDesc": "Riesgo cardiovascular a 10 años con colesterol, presión, tabaquismo y diabetes; resultado en el servidor."
-}
+  "framinghamCardDesc": "Riesgo cardiovascular a 10 años con colesterol, presión, tabaquismo y diabetes; resultado en el servidor.",
+  "primaryActionLabel": "Empieza aquí",
+  "primaryActionCompleteTitle": "Continúa tu camino de salud cardíaca",
+  "primaryActionCompleteDesc": "Tu cuestionario está completo. Ejecuta Framingham para estimar el riesgo cardiovascular a 10 años.",
+  "startFramingham": "Iniciar evaluación Framingham",
+  "toolsHeading": "Herramientas de salud",
+  "toolsSubtitle": "Evalúa riesgo, gestiona recetas y obtén apoyo.",
+  "profileMetricLabel": "Perfil de salud",
+  "profileComplete": "Completo",
+  "profileIncomplete": "Incompleto",
+  "profileCompleteHint": "Cuestionario finalizado",
+  "nextStepLabel": "Siguiente paso sugerido",
+  "nextStepAssess": "Evaluación de riesgo",
+  "nextStepQuestionnaire": "Cuestionario",
+  "nextStepHint": "Guiado según tu progreso actual",
+  "activityEmptyDesc": "Cuando completes evaluaciones, aparecerán aquí."
+}

frontend/public/locales/hi/common.json

@@ -53,5 +53,15 @@
 "introHighlight1": "व्यक्तिगत स्वास्थ्य जोखिम मूल्यांकन",
 "introHighlight2": "समावेशी पहुंच के लिए बहुभाषी सहायता",
 "introHighlight3": "सुरक्षित और निजी डेटा प्रबंधन",
-"introHighlight4": "बुद्धिमान प्रणालियों से संचालित वास्तविक समय की अंतर्दृष्टि"
+"introHighlight4": "बुद्धिमान प्रणालियों से संचालित वास्तविक समय की अंतर्दृष्टि",
+"skipToContent": "सामग्री पर जाएँ",
+"primaryNav": "मुख्य नेविगेशन",
+"openMenu": "मेनू खोलें",
+"backgroundTheme": "पृष्ठभूमि थीम",
+"allRightsReserved": "सर्वाधिकार सुरक्षित।",
+"themes": {
+  "calm": "शांत",
+  "clinical": "क्लिनिकल",
+  "grove": "वन"
+}
 }

frontend/public/locales/hi/dashboard.json

@@ -1,20 +1,35 @@
 {
-"menuLabel": "पैनल",
-"title": "पैनल",
-"recentAssessments": "हालिया आकलन",
-"noRecent": "कोई हालिया आकलन नहीं मिला।",
-"healthStatus": "स्वास्थ्य स्थिति",
-"promptAssess": "अपनी स्वास्थ्य स्थिति देखने के लिए आकलन पूरा करें।",
-"reminders": "अनुस्मारक",
-"quickActions": "त्वरित कार्रवाई",
-"assessNow": "अभी आकलन करें",
-"viewHistory": "इतिहास देखें",
-"setReminder": "अनुस्मारक सेट करें",
-"noReminders": "कोई अनुस्मारक नहीं।",
-"viewDetails": "विवरण देखें",
-"healthQuestionnaire": "स्वास्थ्य प्रश्नावली",
-"questionnaireDescription": "व्यक्तिगत सिफारिशें और बेहतर देखभाल के लिए अपनी स्वास्थ्य प्रोफ़ाइल पूर्ण करें।",
-"completeQuestionnaire": "अभी पूरा करें",
-"framinghamCardTitle": "फ्रेमिंगहम जोखिम मूल्यांकन",
-"framinghamCardDesc": "कोलेस्ट्रॉल, बीपी, धूम्रपान और मधुमेह से 10-वर्ष हृदय जोखिम—सर्वर पर गणना।"
-}
+  "menuLabel": "पैनल",
+  "title": "पैनल",
+  "recentAssessments": "हालिया गतिविधि",
+  "noRecent": "अभी कोई हालिया आकलन नहीं",
+  "healthStatus": "आपकी स्वास्थ्य झलक",
+  "promptAssess": "व्यक्तिगत स्थिति के लिए प्रोफ़ाइल पूरा करें।",
+  "reminders": "अनुस्मारक",
+  "quickActions": "त्वरित कार्रवाई",
+  "assessNow": "अभी आकलन करें",
+  "viewHistory": "इतिहास देखें",
+  "setReminder": "अनुस्मारक सेट करें",
+  "noReminders": "कोई अनुस्मारक नहीं।",
+  "viewDetails": "विवरण देखें",
+  "healthQuestionnaire": "स्वास्थ्य प्रश्नावली",
+  "questionnaireDescription": "व्यक्तिगत सिफारिशें और बेहतर देखभाल के लिए अपनी स्वास्थ्य प्रोफ़ाइल पूर्ण करें।",
+  "completeQuestionnaire": "अभी पूरा करें",
+  "framinghamCardTitle": "फ्रेमिंगहम जोखिम मूल्यांकन",
+  "framinghamCardDesc": "कोलेस्ट्रॉल, बीपी, धूम्रपान और मधुमेह से 10-वर्ष हृदय जोखिम—सर्वर पर गणना।",
+  "primaryActionLabel": "यहाँ से शुरू करें",
+  "primaryActionCompleteTitle": "अपनी हृदय स्वास्थ्य यात्रा जारी रखें",
+  "primaryActionCompleteDesc": "आपकी प्रश्नावली पूर्ण है। 10-वर्ष हृदय जोखिम के लिए फ्रेमिंगहम आकलन चलाएँ।",
+  "startFramingham": "फ्रेमिंगहम आकलन शुरू करें",
+  "toolsHeading": "स्वास्थ्य उपकरण",
+  "toolsSubtitle": "जोखिम आकलित करें, प्रिस्क्रिप्शन प्रबंधित करें और सहायता पाएँ।",
+  "profileMetricLabel": "स्वास्थ्य प्रोफ़ाइल",
+  "profileComplete": "पूर्ण",
+  "profileIncomplete": "अपूर्ण",
+  "profileCompleteHint": "प्रश्नावली समाप्त",
+  "nextStepLabel": "सुझाया गया अगला चरण",
+  "nextStepAssess": "जोखिम आकलन",
+  "nextStepQuestionnaire": "प्रश्नावली",
+  "nextStepHint": "आपकी प्रगति के आधार पर मार्गदर्शित",
+  "activityEmptyDesc": "आकलन पूरा करने पर वे यहाँ दिखेंगे।"
+}

frontend/public/locales/zh/common.json

@@ -53,5 +53,15 @@
 "introHighlight1": "个性化健康风险评估",
 "introHighlight2": "多语言支持，促进包容获取",
 "introHighlight3": "安全私密的数据处理",
-"introHighlight4": "智能系统驱动的实时洞察"
+"introHighlight4": "智能系统驱动的实时洞察",
+"skipToContent": "跳到内容",
+"primaryNav": "主导航",
+"openMenu": "打开菜单",
+"backgroundTheme": "背景主题",
+"allRightsReserved": "保留所有权利。",
+"themes": {
+  "calm": "平静",
+  "clinical": "临床",
+  "grove": "林间"
+}
 }

frontend/public/locales/zh/dashboard.json

@@ -1,20 +1,35 @@
 {
-"menuLabel": "面板",
-"title": "面板",
-"recentAssessments": "最近的评估",
-"noRecent": "未找到最近的评估。",
-"healthStatus": "健康状况",
-"promptAssess": "完成评估以查看您的健康状况。",
-"reminders": "提醒",
-"quickActions": "快速操作",
-"assessNow": "立即评估",
-"viewHistory": "查看历史记录",
-"setReminder": "设置提醒",
-"noReminders": "无提醒。",
-"viewDetails": "查看详情",
-"healthQuestionnaire": "健康问卷",
-"questionnaireDescription": "完成您的健康档案以获得个性化建议和更好的护理。",
-"completeQuestionnaire": "立即完成",
-"framinghamCardTitle": "弗雷明汉心血管风险评估",
-"framinghamCardDesc": "基于胆固醇、血压、吸烟与糖尿病的10年心血管风险，由服务器计算。"
-}
+  "menuLabel": "面板",
+  "title": "面板",
+  "recentAssessments": "最近活动",
+  "noRecent": "暂无最近评估",
+  "healthStatus": "健康概览",
+  "promptAssess": "完善资料以解锁个性化状态。",
+  "reminders": "提醒",
+  "quickActions": "快速操作",
+  "assessNow": "立即评估",
+  "viewHistory": "查看历史记录",
+  "setReminder": "设置提醒",
+  "noReminders": "无提醒。",
+  "viewDetails": "查看详情",
+  "healthQuestionnaire": "健康问卷",
+  "questionnaireDescription": "完成您的健康档案以获得个性化建议和更好的护理。",
+  "completeQuestionnaire": "立即完成",
+  "framinghamCardTitle": "弗雷明汉心血管风险评估",
+  "framinghamCardDesc": "基于胆固醇、血压、吸烟与糖尿病的10年心血管风险，由服务器计算。",
+  "primaryActionLabel": "从这里开始",
+  "primaryActionCompleteTitle": "继续您的心脏健康之旅",
+  "primaryActionCompleteDesc": "问卷已完成。进行弗雷明汉评估以估算10年心血管风险。",
+  "startFramingham": "开始弗雷明汉评估",
+  "toolsHeading": "健康工具",
+  "toolsSubtitle": "评估风险、管理处方并获取支持。",
+  "profileMetricLabel": "健康档案",
+  "profileComplete": "已完成",
+  "profileIncomplete": "未完成",
+  "profileCompleteHint": "问卷已完成",
+  "nextStepLabel": "建议下一步",
+  "nextStepAssess": "风险评估",
+  "nextStepQuestionnaire": "问卷",
+  "nextStepHint": "根据当前进度引导",
+  "activityEmptyDesc": "完成评估后将显示在这里。"
+}