Use webp over png and lazy load images (#314)

* use webp and lazy load images

* fix hero

* update app_diff

* fix app_diff

* fix head

* remove async decoding

opensaas-sh/app_diff/tailwind.config.cjs.diff

@@ -1,13 +1,15 @@
 --- template/app/tailwind.config.cjs
 +++ opensaas-sh/app/tailwind.config.cjs
-@@ -8,6 +8,7 @@
+@@ -8,7 +8,8 @@
    theme: {
      extend: {
        fontFamily: {
+-        satoshi: ['Satoshi', 'system-ui', 'sans-serif'],
 +        sans: ['ui-monospace', 'Liberation Mono', 'Menlo', 'monospace'],
-         satoshi: ['Satoshi', 'sans-serif'],
++        satoshi: ['Satoshi', 'sans-serif'],
        },
        colors: {
+         current: 'currentColor',
 @@ -246,6 +247,9 @@
          'spin-2': 'spin 2s linear infinite',
          'spin-3': 'spin 3s linear infinite',