perf: asynchronously load fonts

Author: adil192

lib/main.dart

@@ -9,10 +9,7 @@ void main() {
     title: 'Saber',
     lang: 'en',
     styles: [
-      css.import('https://fonts.googleapis.com/css?family=Neucha'),
       css.import('/globals.css'),
-      css.import(
-          'https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap'),
     ],
     meta: const {
       'color-scheme': 'light dark',
@@ -28,6 +25,10 @@ void main() {
         'href': 'https://fonts.gstatic.com',
         'crossorigin': '',
       }),
+      Component.element(tag: 'link', attributes: {
+        'href': 'https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&family=Neucha&display=swap',
+        'rel': 'stylesheet',
+      }),
       Component.element(
         tag: 'link',
         attributes: {'rel': 'icon', 'href': '/favicon.ico'},