feat: remove tailwindcss + introduce windicss

components/app/Extensions.vue

@@ -2,9 +2,9 @@
   <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
-        <h3 class="title">{{ $t("extensions") }}</h3>
+        <h3 class="heading">{{ $t("extensions") }}</h3>
         <div>
-          <button class="icon" @click="hideModal">
+          <button class="icon button" @click="hideModal">
             <i class="material-icons">close</i>
           </button>
         </div>
@@ -20,7 +20,7 @@
           target="_blank"
           rel="noopener"
         >
-          <button class="icon">
+          <button class="icon button">
             <svg
               class="material-icons"
               xmlns="http://www.w3.org/2000/svg"
@@ -35,7 +35,7 @@
             <span
               v-if="hasFirefoxExtInstalled"
               v-tooltip="$t('installed')"
-              class="icon"
+              class="icon button"
             >
               <i class="material-icons">done</i>
             </span>
@@ -48,7 +48,7 @@
           target="_blank"
           rel="noopener"
         >
-          <button class="icon">
+          <button class="icon button">
             <svg
               class="material-icons"
               xmlns="http://www.w3.org/2000/svg"
@@ -63,7 +63,7 @@
             <span
               v-if="hasChromeExtInstalled"
               v-tooltip="$t('installed')"
-              class="icon"
+              class="icon button"
             >
               <i class="material-icons">done</i>
             </span>