feat: Added sound + Light effect

toos-dashboard/src/components/Main.vue

@@ -1,3 +1,23 @@
 <template>
   <h1 class="text-white text-2xl w-full font-bold text-center my-24">Frankenstein Dashboard</h1>
+  <div class="flex w-full justify-center gap-10">
+    <div class="bg-neutral-800 rounded-2xl p-5 h-min">
+      <h2 class="text-white font-bold text-lg text-center mb-5">Animation</h2> 
+      <div class="flex flex-col items-center">
+        <div class="space-x-3">
+          <button @click="test" class="px-5 py-2 bg-sky-400 rounded my-5">
+            Start Animation
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
+
+<script setup>
+import { invoke } from "@tauri-apps/api/tauri"
+
+const test = async () => {
+  await invoke('start');
+}
+</script>