feat(web): context and list menu progress bars (#166)

* Initial Commit

Adds support for progress bars to items in both context and and list menus.

* Default Color Scheme & Description Weight

Added default color scheming, and made the description for context menues a lighter font weight for separating the title vs description better.

* iconColor to Menu & Small Syntax Changes

* Update Item.tsx

* fix(web/context): syntax error

also reformat with prettier

* chore(web/menu): reformat with prettier

Co-authored-by: Luke <sabolukas03@gmail.com>

web/src/features/dev/debug/context.ts

@@ -17,6 +17,21 @@ export const debugContext = () => {
             metadata: [{ label: 'Value 1', value: 300 }],
             disabled: true,
           },
+          {
+            title: 'Oil Level',
+            description: 'Vehicle oil level',
+            progress: 30,
+            icon: 'oil-can',
+            metadata: [{ label: 'Remaining Oil', value: '30%' }],
+            arrow: true,
+          },
+          {
+            title: 'Durability',
+            progress: 80,
+            icon: 'car-side',
+            metadata: [{ label: 'Durability', value: '80%' }],
+            colorScheme: 'blue'
+          },
           {
             title: 'Menu button',
             icon: 'bars',

web/src/features/dev/debug/menu.ts

@@ -22,6 +22,20 @@ export const debugMenu = () => {
             icon: 'tag',
             description: 'Side scroll general description',
           },
+          {
+            label: 'Oil Level',
+            progress: 30,
+            icon: 'oil-can',
+            description: 'Remaining Oil: 30%',
+          },
+          {
+            label: 'Durability',
+            progress: 80,
+            icon: 'car-side',
+            description: 'Durability: 80%',
+            colorScheme: 'blue',
+            iconColor: '#55778d'
+          },
           { label: 'Option 1' },
           { label: 'Option 2' },
           {