Update category labels

Add descriptions to category labels in the UI.

src/components/analytics/CategorySpendingList.tsx

@@ -2,6 +2,7 @@
 import React from 'react';
 import { formatCurrency } from '@/utils/formatters';
 import { useIsMobile } from '@/hooks/use-mobile';
+import { CATEGORY_DESCRIPTIONS } from '@/constants/categoryIcons';
 
 interface CategorySpending {
   title: string;
@@ -42,7 +43,14 @@ const CategorySpendingList: React.FC<CategorySpendingListProps> = ({
                 <div className="w-6 h-6 rounded-full" style={{
                   backgroundColor: getCategoryColor(category.title)
                 }}></div>
-                <span>{category.title}</span>
+                <span>
+                  {category.title}
+                  {CATEGORY_DESCRIPTIONS[category.title] && (
+                    <span className="text-gray-500 text-sm ml-1">
+                      {CATEGORY_DESCRIPTIONS[category.title]}
+                    </span>
+                  )}
+                </span>
               </div>
               <div className="text-right">
                 <p className="font-medium">