update to fa 6.1.1

assets/package.json

@@ -9,36 +9,33 @@
     "test": "standard"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^5.15.4",
-    "alpinejs": "^3.9.0",
+    "@fortawesome/fontawesome-free": "^6.1.1",
+    "alpinejs": "^3.10.2",
     "phoenix": "file:../deps/phoenix",
     "phoenix_html": "file:../deps/phoenix_html",
     "phoenix_live_view": "file:../deps/phoenix_live_view",
-    "topbar": "^0.1.4"
+    "topbar": "^1.0.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.0",
-    "@babel/preset-env": "^7.15.0",
+    "@babel/core": "^7.17.10",
+    "@babel/preset-env": "^7.17.10",
     "autoprefixer": "^10.4.7",
-    "babel-loader": "^8.2.2",
-    "copy-webpack-plugin": "^9.0.0",
-    "css-loader": "^5.2.7",
-    "css-minimizer-webpack-plugin": "^3.0.1",
+    "babel-loader": "^8.2.5",
+    "copy-webpack-plugin": "^10.2.4",
+    "css-loader": "^6.7.1",
+    "css-minimizer-webpack-plugin": "^3.4.1",
     "file-loader": "^6.2.0",
-    "hard-source-webpack-plugin": "^0.13.1",
-    "mini-css-extract-plugin": "^1.6.0",
-    "node-sass": "^7.0.1",
+    "mini-css-extract-plugin": "^2.6.0",
     "postcss": "^8.4.13",
-    "postcss-import": "^14.0.2",
-    "postcss-loader": "^6.1.1",
-    "postcss-preset-env": "^7.3.1",
-    "sass-loader": "^12.1.0",
-    "standard": "^16.0.4",
-    "style-loader": "^3.2.1",
+    "postcss-import": "^14.1.0",
+    "postcss-loader": "^6.2.1",
+    "postcss-preset-env": "^7.5.0",
+    "sass-loader": "^12.6.0",
+    "standard": "^17.0.0",
     "tailwindcss": "^3.0.24",
-    "terser-webpack-plugin": "^5.1.3",
-    "webpack": "^5.67.0",
-    "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^4.7.4"
+    "terser-webpack-plugin": "^5.3.1",
+    "webpack": "^5.72.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.9.0"
   }
 }

assets/webpack.config.js

@@ -44,19 +44,14 @@ module.exports = (env, options) => {
         },
         {
           test: /\.(woff(2)?|ttf|eot|svg|otf)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
-          loader: 'file-loader',
-          options: {
-            name: '[name].[ext]?[hash]',
-            outputPath: '../fonts'
-          }
+          type: 'asset/resource',
+          generator: { filename: 'fonts/[name][ext]' }
         }
       ]
     },
     plugins: [
       new MiniCssExtractPlugin({ filename: '../css/app.css' }),
-      new CopyWebpackPlugin({
-        patterns: [{ from: 'static/', to: '../' }]
-      })
+      new CopyWebpackPlugin({ patterns: [{ from: 'static/', to: '../' }] })
     ]
   }
 }

lib/cannery_web/components/topbar.ex

@@ -89,7 +89,7 @@ defmodule CanneryWeb.Components.Topbar do
               <li class="mx-2 my-1">
                 <%= live_redirect to: Routes.live_dashboard_path(Endpoint, :home),
                   class: "text-primary-600 text-white hover:underline" do %>
-                  <i class="fas fa-tachometer-alt"></i>
+                  <i class="fas fa-gauge"></i>
                 <% end %>
               </li>
             <% end %>

lib/cannery_web/templates/layout/live.html.heex

@@ -37,7 +37,7 @@
     <%= gettext("Loading...") %>
   </h1>
 
-  <i class="fas fa-3x fa-spin fa-cog"></i>
+  <i class="fas fa-3x fa-spin fa-gear"></i>
 </div>
 
 <div