feat: Integrate dynamic favicon generation with Favicons Webpack Plugin (#72)

- **Favicons Plugin Integration**:
  - Added `favicons-webpack-plugin` to dynamically generate favicons and web app manifests.
  - Configured plugin to use `src/favicon.png` as the base image.

- **Cleanup**:
  - Removed outdated favicon assets and `manifest.webmanifest`.
  - Renamed `android-chrome-512x512.png` to `favicon.png` for consistency.

- **Webpack Configuration**:
  - Enabled `FaviconsWebpackPlugin` in `webpack.config.js` with branding details.
  - Ensured output path and meta configurations align with project requirements.

- **Dependencies**:
  - Updated `package.json` and `package-lock.json` to include `favicons-webpack-plugin` and dependencies.

- **SEO Enhancement**:
  - Improved favicon handling for better browser and PWA support.

Author: warnyul

package-lock.json

@@ -23,6 +23,7 @@
     "css-loader": "^7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.0",
     "cssnano-preset-advanced": "^7.0.0",
+    "favicons-webpack-plugin": "^6.0.1",
     "firebase-tools": "^13.0.0",
     "glob": "^11.0.0",
     "html-inline-css-webpack-plugin": "^1.11.1",

package.json

@@ -1,6 +1,6 @@
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
-//const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
+const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
 const HtmlMinimizerPlugin = require('html-minimizer-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
@@ -181,6 +181,19 @@ module.exports = {
         lastmod: true,
       }
     }),
+    new FaviconsWebpackPlugin({
+      logo: './src/favicon.png',
+      mode: 'webapp',
+      outputPath: ".",
+      favicons: {
+        appName: 'Balázs Varga - Professional Profile',
+        appDescription: "Balázs Varga",
+        developerName: "Balázs Varga",
+        developerURL: "https://bvarga.dev",
+        background: "#fff",
+        theme_color: "#fff",
+      }
+    }),
     new HtmlNewLineRemoverPlugin(),
     new CspHtmlWebpackPlugin(
      {