Implement basic listing and creating playlist

app/layouts/clear.vue

@@ -1,4 +1,7 @@
 <template>
+    <ClientOnly>
+        <Sonner />
+    </ClientOnly>
     <div class="flex flex-1">
         <div class="w-full">
             <header v-if="slots.header">
@@ -13,6 +16,8 @@
 
 <script setup>
 import { useSlots } from 'vue'
+import Sonner from '~/components/ui/sonner/Sonner.vue';
+import 'vue-sonner/style.css'
 
 const slots = useSlots()
 </script>