Refactor updating how widgets work and removed prop drilling

client/src/constants/widgetRegistry.jsx

@@ -9,6 +9,7 @@
 export const WIDGET_REGISTRY = {
     "vaa_activity": {
         name: "VAA 7 Day Activity",
+        category: "Aviation",
         description: "Displays 7-day flight level timelines across multiple volcanoes.",
         allowedSizes: {
             large: { w: 12, h: 8 }, // Spans the entire width of the screen
@@ -17,6 +18,7 @@ export const WIDGET_REGISTRY = {
 
     "db_cache_health": {
         name: "DB Cache Health",
+        category: "Computer Science",
         description: "Bar chart showing cache table operational status.",
         allowedSizes: {
             medium: { w: 4, h: 6 }, // 1/3 width
@@ -26,6 +28,7 @@ export const WIDGET_REGISTRY = {
 
     "ivans_alerts": {
         name: "IVANS",
+        category: "Communications",
         description: "Feed of recent IVANS reports and reviewer statuses.",
         allowedSizes: {
             small:  { w: 3, h: 6 }, // 1/4 width (tall and skinny)
@@ -35,6 +38,7 @@ export const WIDGET_REGISTRY = {
 
     "remote_sensing": {
         name: "Remote Sensing",
+        category: "Remote Sensing",
         description: "Feed of recent remote sensing reports.",
         allowedSizes: {
             medium: { w: 4, h: 5 }, // 1/3 width
@@ -43,6 +47,7 @@ export const WIDGET_REGISTRY = {
 
     "alert_levels": {
         name: "Alert Level Changes",
+        category: "Daily Alerts",
         description: "List of 7-day alert level changes with trend arrows.",
         allowedSizes: {
             small: { w: 3, h: 5 },