chore(console): remove unused fonts and styles, reduce bundle to 828KB (#391)

Reduce bundle size from 2.1MB to 828KB.

ui/src/index.hbs

@@ -4,12 +4,13 @@
     <meta charset="utf-8">
     <script async src="https://www.googletagmanager.com/gtag/js?id=GTM-PVR7M2G"></script>
     <script>
-        window.dataLayer = window.dataLayer || []
-        window.dataLayer.push({
-            'gtm.start': new Date().getTime(),
-            event: "gtm.js"
-        })
+     window.dataLayer = window.dataLayer || []
+     window.dataLayer.push({
+       'gtm.start': new Date().getTime(),
+       event: "gtm.js"
+     })
     </script>
+    <link rel="shortcut icon" href="/assets/favicon.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>QuestDB · Console</title>
 </head>

ui/src/partials/import.hbs

@@ -18,9 +18,9 @@
                 <div id="import-top" class="ibox-content">
                     <div id="dragTarget" class="drag-target drag-idle">
                         <div>
-                            <i class="far fa-copy fa-3x" style="margin: 0 15px 20px 0;"></i>
-                            <i class="far fa-folder-open fa-3x" style="margin: 0 15px 20px 0;"></i>
-                            <i class="far fa-file-alt fa-3x" style="margin: 0 15px 20px 0;"></i>
+                            <i class="fa fa-copy fa-3x" style="margin: 0 15px 20px 0;"></i>
+                            <i class="fa fa-folder-open fa-3x" style="margin: 0 15px 20px 0;"></i>
+                            <i class="fa fa-file-alt fa-3x" style="margin: 0 15px 20px 0;"></i>
                         </div>
                         <h2 style="font-weight: 500;">Drag files or paste data here to import</h2>
                         <div style="font-size: 14pt; font-weight: 100;">or <a id="js-browse-files" href="#">browse

ui/src/scenes/Sidebar/index.tsx

@@ -85,7 +85,7 @@ const Sidebar = () => {
     <Wrapper>
       <Logo>
         <a href="https://questdb.io" rel="noreferrer" target="_blank">
-          <img alt="QuestDB Logo" height="30px" src="/assets/images/logo.png" />
+          <img alt="QuestDB Logo" height="30px" src="/assets/favicon.png" />
         </a>
       </Logo>
 

ui/src/styles/main.scss

 $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 
 @import "@fortawesome/fontawesome-free/scss/fontawesome.scss";
-@import "@fortawesome/fontawesome-free/scss/solid.scss";
-@import "@fortawesome/fontawesome-free/scss/regular.scss";
-@import "@fortawesome/fontawesome-free/scss/brands.scss";
 
-$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
+@font-face {
+    font-family: 'Font Awesome 5 Free';
+    font-style: normal;
+    font-weight: 900;
+    font-display: $fa-font-display;
+    src: url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
+    url('#{$fa-font-path}/fa-solid-900.woff') format('woff');
+}
+
+.fa,
+.fas {
+    font-family: 'Font Awesome 5 Free';
+    font-weight: 900;
+}
+
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_variables";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_mixins";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_normalize";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_print";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_scaffolding";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_type";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_code";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_grid";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_tables";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_forms";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_buttons";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_component-animations";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_dropdowns";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_button-groups";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_input-groups";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_navs";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_navbar";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_breadcrumbs";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_pagination";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_pager";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_labels";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_badges";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_jumbotron";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_thumbnails";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_alerts";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_media";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_list-group";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_panels";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_responsive-embed";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_wells";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_close";
+
 
-@import "bootstrap-sass/assets/stylesheets/_bootstrap.scss";
 @import "~animate.css/source/_base.css";
 
 $height: 3rem !default;

ui/webpack.config.js

@@ -19,7 +19,6 @@ if (!process.env.NODE_ENV) {
 const basePlugins = [
   new CleanWebpackPlugin(),
   new HtmlWebpackPlugin({
-    favicon: "assets/favicon.ico",
     template: "src/index.hbs",
     minify: {
       minifyCSS: true,
@@ -89,11 +88,11 @@ module.exports = {
   module: {
     rules: [
       {
-        test: /\.(png|svg|jpg|gif)$/,
+        test: /\.(png|jpg)$/,
         use: ["file-loader"],
       },
       {
-        test: /\.(woff|woff2|eot|ttf|otf)$/,
+        test: /\.(woff|woff2)$/,
         use: ["file-loader"],
       },
       {