refactor(diagnosis/catalog): improve UI consistency and fix data rendering

- Fix reference error in `DiagnosisResultView` by correctly mapping `riskLevel` prop.
- Integrate dynamic `RiskBadge` with automated severity-to-color mapping for both diagnosis and catalog views.
- Update icons in the medicine recommendation section of `catalog-page` and `DiagnosisResultView` for better visual consistency and intuition.

apps/web/src/pages/catalog-page.tsx

@@ -8,7 +8,6 @@ import {
   Pill,
   ShieldCheck,
   Search,
-  Leaf,
   FlaskConical,
 } from "lucide-react";
 import { apiClient } from "@/lib/api-client";
@@ -105,7 +104,7 @@ export function CatalogPage() {
           <div className="text-center py-10 bg-white rounded-2xl border border-slate-200">
             <p className="text-slate-500">
               Tidak ada penyakit yang sesuai dengan pencarianmu.
-            </p>
+            </p>F
           </div>
         ) : (
           filteredDiseases.map((disease) => {