resolved build error and added tilebar at the top

src/router/index.js

@@ -1,6 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/Home.vue'
-import MusclesRouter from './muscles.router.js';
+import MusclesRouter from './muscle.js';
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),

src/router/muscle.js

@@ -1,15 +1,13 @@
-import { Legs, Back, Chest, Shoulder, Triceps, Biceps } from '@/views/muscles';
-import Tilebar from '@/views/layouts';
+import {Back, Biceps, Chest, Legs, Shoulder, Triceps } from "../views/muscles/Index.js";
 
 export default {
     path: '/muscles',
-    component: Tilebar,
     children: [
         { path: 'legs', component: Legs },
         { path: 'back', component: Back },
         { path: 'chest', component: Chest },
         { path: 'shoulder', component: Shoulder },
         { path: 'triceps', component: Triceps },
-        { path: 'bicepts', component: Biceps },
+        { path: 'biceps', component: Biceps },
     ]
 };