feat: Manrope font integrated

packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue

@@ -82,27 +82,32 @@ onMounted(() => {
           <NcMenuItem data-testid="nc-sidebar-user-logout" @click="logout">
             <GeneralLoader v-if="isLoggingOut" class="!ml-0.5 !mr-0.5 !max-h-4.5 !-mt-0.5" />
             <GeneralIcon v-else icon="signout" class="menu-icon" />
-            Log Out
+            <span class="menu-btn"> Log Out </span>
           </NcMenuItem>
           <NcDivider />
           <a href="https://docs.nocodb.com" target="_blank" class="!underline-transparent">
             <NcMenuItem>
-              <GeneralIcon icon="help" class="menu-icon" />
+              <GeneralIcon icon="help" class="menu-icon mt-0.5" />
-              Help Center
+              <span class="menu-btn"> Help Center </span>
             </NcMenuItem>
           </a>
           <NcDivider />
           <a href="https://discord.gg/5RgZmkW" target="_blank" class="!underline-transparent">
             <NcMenuItem class="social-icon-wrapper">
-              <GeneralIcon class="social-icon" icon="discord" />Join our Discord
+              <GeneralIcon class="social-icon" icon="discord" />
+              <span class="menu-btn"> Join our Discord </span>
             </NcMenuItem>
           </a>
           <a href="https://www.reddit.com/r/NocoDB" target="_blank" class="!underline-transparent">
-            <NcMenuItem class="social-icon-wrapper"> <GeneralIcon class="social-icon" icon="reddit" />/r/NocoDB </NcMenuItem>
+            <NcMenuItem class="social-icon-wrapper">
+              <GeneralIcon class="social-icon" icon="reddit" />
+              <span class="menu-btn"> /r/NocoDB </span>
+            </NcMenuItem>
           </a>
           <a href="https://twitter.com/nocodb" target="_blank" class="!underline-transparent">
             <NcMenuItem class="social-icon-wrapper group">
-              <GeneralIcon class="text-gray-500 group-hover:text-gray-800" icon="twitter" />Twitter
+              <GeneralIcon class="text-gray-500 group-hover:text-gray-800" icon="twitter" />
+              <span class="menu-btn"> Twitter </span>
             </NcMenuItem>
           </a>
           <template v-if="!appInfo.ee">
@@ -160,6 +165,9 @@ onMounted(() => {
 </template>
 
 <style lang="scss" scoped>
+.menu-btn {
+  line-height: 1.5;
+}
 .menu-icon {
   @apply !min-h-4.5;
   line-height: 1rem;
@@ -171,6 +179,7 @@ onMounted(() => {
 }
 
 .social-icon {
+  @apply my-0.5;
   // Make icon black and white
   filter: grayscale(100%);
 

packages/nc-gui/components/nc/Button.vue

@@ -127,6 +127,10 @@ useEventListener(NcButton, 'mousedown', () => {
 }
 
 .nc-button {
+  // Not Icon
+  :not(.nc-icon):not(.material-symbols) {
+    line-height: 0.95;
+  }
   > .ant-btn-loading-icon {
     display: none !important;
   }

packages/nc-gui/components/nc/MenuItem.vue

@@ -16,6 +16,11 @@
 }
 
 .nc-menu-item > .ant-dropdown-menu-title-content {
+  // Not Icon
+  :not(.nc-icon):not(.material-symbols) {
+    line-height: 0.95;
+  }
+
   @apply flex flex-row items-center;
 }
 

packages/nc-gui/components/smartsheet/topbar/SelectMode.vue

@@ -53,6 +53,7 @@ const { onViewsTabChange } = useViewsStore()
   word-break: 'keep-all';
   white-space: 'nowrap';
   display: 'inline';
+  line-height: 0.95;
 }
 
 .active {