fix: fixed brand logo in navbar for dark mode

Author: technikhil314

components/icons/brand.vue

@@ -2,7 +2,6 @@
   <svg
     height="40px"
     width="40px"
-    class="dark:text-white"
     fill="#000000"
     stroke="currentColor"
     xmlns="http://www.w3.org/2000/svg"
@@ -23,3 +22,8 @@
 import Vue from 'vue'
 export default Vue.extend({})
 </script>
+<style scoped>
+.dark svg {
+  filter: invert(1) hue-rotate(180deg);
+}
+</style>

components/navbar.vue

@@ -17,7 +17,6 @@
           <Brand />
         </NuxtLink>
       </div>
-
       <div class="flex items-center justify-between flex-1">
         <div class="items-center w-1/2">
           <a