add navigation widgets

src/_data/catalog/widgets.json

@@ -169,6 +169,16 @@
     "link": "https://api.flutter.dev/flutter/widgets/AnimatedWidgetBaseState-class.html",
     "image": "<img alt='' src='/assets/images/docs/catalog-widget-placeholder.png'>"
   },
+  {
+    "name": "App Bar",
+    "description": "Top app bars display information and actions at the top of a screen.",
+    "categories": [],
+    "subcategories": [
+      "Navigation"
+    ],
+    "link": "https://api.flutter.dev/flutter/material/AppBar-class.html",
+    "image": "<img alt='' src='/assets/images/docs/widget-catalog/material-3-top-app-bar.png'>"
+  },
   {
     "name": "AppBar",
     "description": "A Material Design app bar. An app bar consists of a toolbar and potentially other widgets, such as a TabBar and a FlexibleSpaceBar.",
@@ -241,6 +251,16 @@
     "link": "https://api.flutter.dev/flutter/widgets/Baseline-class.html",
     "image": "<svg viewBox='0 0 100 100'><defs><marker id='arrow-baseline' orient='auto-start-reverse' viewBox='0 0 1 1' markerWidth='3' markerHeight='3' refX='0.5' refY='0.5'><path d='M 1 0.5 L 0.5 0 L 0.5 1 z' fill='#ffffff'/></marker></defs><rect x='0' y='0' width='100' height='100' fill='#3949ab'/><rect x='20' y='20' width='60' height='50' fill='#ffffff'/><rect x='20' y='45' width='60' height='30' fill='#4dd0e1'/><line x1='85' y1='20' x2='85' y2='66' stroke='#ffffff' stroke-width='2' marker-end='url(#arrow-baseline)'/><line x1='15' y1='20' x2='15' y2='66' stroke='#ffffff' stroke-width='2' marker-end='url(#arrow-baseline)'/><line x1='10' y1='70' x2='90' y2='70' stroke='#ffffff' stroke-width='2'/><text x='50' y='69' text-anchor='middle' font-family='Roboto' font-size='25' fill='#3b75ad'>Abc </text></svg>"
   },
+  {
+    "name": "Bottom App Bar",
+    "description": "A bottom app bar displays navigation and key actions at the bottom of mobile screens.",
+    "categories": [],
+    "subcategories": [
+      "Communication"
+    ],
+    "link": "https://api.flutter.dev/flutter/material/BottomAppBar-class.html",
+    "image": "<img alt='' src='/assets/images/docs/widget-catalog/material-3-bottom-app-bar.png'>"
+  },
   {
     "name": "Bottom Sheet",
     "description": "Bottom sheets are surfaces containing supplementary content, anchored to the bottom of the screen.",
@@ -1266,6 +1286,36 @@
     "link": "https://api.flutter.dev/flutter/widgets/MergeSemantics-class.html",
     "image": "<img alt='' src='/assets/images/docs/catalog-widget-placeholder.png'>"
   },
+  {
+    "name": "Navigation Bar",
+    "description": "Navigation bars offer a persistent and convenient way to switch between primary destinations in an apps.",
+    "categories": [],
+    "subcategories": [
+      "Communication"
+    ],
+    "link": "https://api.flutter.dev/flutter/material/Badge-class.html",
+    "image": "<img alt='' src='/assets/images/docs/widget-catalog/material-3-navigation-bar.png'>"
+  },
+  {
+    "name": "Navigation Drawer",
+    "description": "Navigation drawers provide ergonomic access to destinations in an app.",
+    "categories": [],
+    "subcategories": [
+      "Navigation"
+    ],
+    "link": "https://api.flutter.dev/flutter/material/NavigationDrawer-class.html",
+    "image": "<img alt='' src='/assets/images/docs/widget-catalog/material-3-navigation-drawer.png'>"
+  },
+  {
+    "name": "Navigation Rail",
+    "description": "Navigation rails provide access to primary destinations in apps when using tablet and desktop screens.",
+    "categories": [],
+    "subcategories": [
+      "Navigation"
+    ],
+    "link": "https://api.flutter.dev/flutter/material/NavigationRail-class.html",
+    "image": "<img alt='' src='/assets/images/docs/widget-catalog/material-3-navigation-rail.png'>"
+  },
   {
     "name": "Navigator",
     "description": "A widget that manages a set of child widgets with a stack discipline. Many apps have a navigator near the top of their widget hierarchy to display their logical history using an Overlay with the most recently visited pages visually on top of the older pages. Using this pattern lets the navigator visually transition from one page to another by moving the widgets around in the overlay. Similarly, the navigator can be used to show a dialog by positioning the dialog widget above the current page.",
@@ -1787,6 +1837,16 @@
     "link": "https://api.flutter.dev/flutter/material/Switch-class.html",
     "image": "<img alt='' src='/assets/images/docs/widget-catalog/material-switch.png'>"
   },
+  {
+    "name": "Tab Bar",
+    "description": "Tabs organize content across different screens, data sets, and other interactions.",
+    "categories": [],
+    "subcategories": [
+      "Navigation"
+    ],
+    "link": "https://api.flutter.dev/flutter/material/TabBar-class.html",
+    "image": "<img alt='' src='/assets/images/docs/widget-catalog/material-3-tab-bar.png'>"
+  },
   {
     "name": "TabBar",
     "description": "A Material Design widget that displays a horizontal row of tabs.",