ui overwhaul

front/src/components/WhiteboardHistoryList.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import { onMounted, computed } from 'vue'
+import { useRouter } from 'vue-router'
 import { useWhiteboardStore } from '@/stores/whiteboards'
 import WhiteboardHistoryItem from './WhiteboardHistoryItem.vue'
 
+const router = useRouter()
 const store = useWhiteboardStore()
 
 onMounted(() => {
@@ -16,7 +18,7 @@ const sortedWhiteboards = computed(() =>
 )
 
 const handleClick = (whiteboard: any) => {
-  console.log('Clicked:', whiteboard)
+  router.push({ name: 'whiteboard', params: { id: whiteboard.id } })
 }
 </script>