rename types to types.d.ts & fix Contexted logo

src/components/TopBar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { addNote, activeNote, rootNote } from '@/composables/useNotes'
+import { addNote, setActiveNote, rootNote } from '@/composables/useNotes'
 const props = defineProps<{
   sideBarCollapsed: boolean
 }>()
@@ -22,18 +22,18 @@ const emit = defineEmits<{
         <Logo
           class="ml-auto pl-5 text-2xl hover:drop-shadow"
           id="logo"
-          @click="activeNote = rootNote"
+          @click="setActiveNote(rootNote?.id)"
         />
       </div>
       <div class="flex h-full flex-1 flex-row items-center gap-2 pl-5 pr-3">
         <SearchBar />
         <button
-          class="btn-outline btn-sm btn text-white py-1"
+          class="btn-outline btn-sm btn py-1 text-white"
           @click="addNote('Untitled new note', '', true)"
         >
           <i class="fas fa-plus-circle text-[1.1rem]" />
         </button>
-        <button class="btn-outline btn-sm btn text-white py-1">Sign in</button>
+        <button class="btn-outline btn-sm btn py-1 text-white">Sign in</button>
       </div>
     </div>
   </div>
@@ -43,8 +43,7 @@ const emit = defineEmits<{
   @apply cursor-pointer transition-all duration-200 hover:text-primary;
 }
 #logo:hover {
-  text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white, 0 0 20px #1e4bc4,
-    0 0 35px #1e4bc4, 0 0 40px #1e4bc4, 0 0 50px #1e4bc4, 0 0 75px #1e4bc4;
+  text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
 }
 .btn-outline {
   @apply hover:border-white hover:bg-white hover:text-primary focus-visible:outline-white;