feat: add CreatePlaylistModal component for creating new playlists

feat: implement useKeyboard composable for keyboard controls in the player

feat: create PlaylistDetail view to display playlist information and tracks

src/router/index.js

@@ -6,6 +6,7 @@ import RegisterPage from '../views/RegisterPage.vue'
 import LandingPage from '../views/LandingPage.vue'
 import LibraryPage from '../views/LibraryPage.vue'
 import PlaylistPage from '../views/PlaylistPage.vue'
+import PlaylistDetail from '../views/PlaylistDetail.vue'
 import ProfilePage from '../views/ProfilePage.vue'
 import AdminPage from '../views/AdminPage.vue'
 
@@ -16,7 +17,7 @@ const routes = [
   { path: '/home', name: 'Home', component: LandingPage },
   { path: '/library', name: 'Library', component: LibraryPage },
   { path: '/playlist', name: 'Playlist', component: PlaylistPage },
-  { path: '/playlist/:id', name: 'PlaylistDetail', component: PlaylistPage },
+  { path: '/playlist/:id', name: 'PlaylistDetail', component: PlaylistDetail },
   { path: '/profile', name: 'Profile', component: ProfilePage },
   { path: '/admin/tracks', name: 'AdminTracks', component: AdminPage, meta: { admin: true } },
 ]