[MM-36421] Replace server tabs with dropdown menu (#1647)

* WIP

* WIP

* PoC for dropdown - logic stuff

* Most of the logic for the dropdown

* Working dropdown menu to pick servers

* Mentions, unreads and expired working. Many styles are working.

* Some more styles

* Dark mode and other stuff

* Some cleanup

* Generate build

* PR feedback

* More PR feedback

webpack.config.renderer.js

@@ -19,6 +19,7 @@ module.exports = merge(base, {
     entry: {
         index: './src/renderer/index.tsx',
         settings: './src/renderer/settings.tsx',
+        dropdown: './src/renderer/dropdown.tsx',
         urlView: './src/renderer/modals/urlView/urlView.tsx',
         newServer: './src/renderer/modals/newServer/newServer.tsx',
         loginModal: './src/renderer/modals/login/login.tsx',
@@ -43,6 +44,12 @@ module.exports = merge(base, {
             chunks: ['settings'],
             filename: 'settings.html',
         }),
+        new HtmlWebpackPlugin({
+            title: 'Mattermost Desktop Settings',
+            template: 'src/renderer/index.html',
+            chunks: ['dropdown'],
+            filename: 'dropdown.html',
+        }),
         new HtmlWebpackPlugin({
             title: 'Mattermost Desktop Settings',
             template: 'src/renderer/index.html',
@@ -97,6 +104,13 @@ module.exports = merge(base, {
                 MiniCssExtractPlugin.loader,
                 'css-loader',
             ],
+        }, {
+            test: /\.scss$/,
+            use: [
+                MiniCssExtractPlugin.loader,
+                'css-loader',
+                'sass-loader',
+            ],
         }, {
             test: /\.mp3$/,
             use: {