feat(optimization): Page loading speed optimization (#6)

* feat(optimize): prevent layout reshifts while loading fonts

* feat(optimzie): prevent scroll overflow on embeded frame loading

* feat(optimize): image size optimization on static export

feat: codestyle fix

fix: code style

---------

Co-authored-by: Evgeniy Geraskin <evgeniygeraskin@Evgeniys-MacBook-Pro.local>

next.config.mjs

@@ -2,7 +2,19 @@
 const nextConfig = {
   output: 'export',
   images: {
-    unoptimized: true
+    loader: 'custom',
+    imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
+    deviceSizes: [320, 640, 750, 828, 1080, 1200, 1920, 2048, 3840],
+  },
+  transpilePackages: ['next-image-export-optimizer'],
+  env: {
+    nextImageExportOptimizer_imageFolderPath: 'public/images',
+    nextImageExportOptimizer_exportFolderPath: 'out',
+    nextImageExportOptimizer_quality: '75',
+    nextImageExportOptimizer_storePicturesInWEBP: 'true',
+    nextImageExportOptimizer_exportFolderName: 'nextImageExportOptimizer',
+    nextImageExportOptimizer_generateAndUseBlurImages: 'true',
+    nextImageExportOptimizer_remoteImageCacheTTL: '0',
   },
   webpack: (config, { isServer }) => {
     if (!isServer) {
@@ -23,4 +35,4 @@ const nextConfig = {
   }
 };
 
-export default nextConfig;
+export default nextConfig;