Implement Dynamic Navigation Items in NavBar.vue

Update the NavBar.vue component at line 15 to render navigation items dynamically from the router's metadata. This approach ensures navigation routes are maintained centrally within the router configuration, reducing duplication and potential inconsistencies across the application.