Feat: include fetchpriority option on main image

global.d.ts

@@ -0,0 +1,7 @@
+import { AriaAttributes, DOMAttributes } from 'react';
+
+declare module 'react' {
+  interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
+    fetchpriority?: 'high' | 'low' | 'auto';
+  }
+}

src/components/home/TodayCaffeineText.tsx

@@ -36,6 +36,7 @@ const TodayCaffeineText = () => {
           alt="coffee"
           srcSet="/png/coffee_mainimg.webp 120w"
           sizes="(min-width: 360px) 120px, (max-width: 500px) 120px"
+          fetchpriority="high"
         />
       </div>
       <AlertBubble

tsconfig.json

@@ -43,7 +43,8 @@
     "src/**/*.tsx",
     "src/**/*.js",
     "src/**/*.d.ts",
-    "src/**/*.svg"
+    "src/**/*.svg",
+    "global.d.ts"
   ],
   "exclude": ["node_modules"],
   "references": [{ "path": "./tsconfig.node.json" }]