Use different forest image

- Encodes image as AVIF
- Declare AVIF module properly

Author: Shrinks99

src/argo-archive-list.ts

@@ -7,7 +7,6 @@ import "@material/web/list/list-item.js";
 import "@material/web/checkbox/checkbox.js";
 import "@material/web/icon/icon.js";
 import "@material/web/labs/card/elevated-card.js";
-// @ts-expect-error
 import filingDrawer from "assets/images/filing-drawer.avif";
 
 import { getLocalOption } from "./localstorage";

src/argo-shared-archive-list.ts

@@ -8,7 +8,6 @@ import "@material/web/icon/icon.js";
 import "@material/web/labs/card/elevated-card.js";
 import "@material/web/button/filled-button.js";
 import "@material/web/button/outlined-button.js";
-// @ts-expect-error
 import filingDrawer from "assets/images/filing-drawer.avif";
 
 import { getLocalOption, setSharedArchives } from "./localstorage";

src/assets/brand/forest.jpg

@@ -1,5 +1,6 @@
 declare module "*.svg";
 declare module "*.png";
+declare module "*.avif"
 declare module "*.jpg";
 declare module "*.html";
 declare module "*.scss";

src/assets/images/forest.avif

@@ -9,11 +9,9 @@ import "@material/web/divider/divider.js";
 import "@material/web/icon/icon.js";
 
 // Import assets
-import forestImg from "./assets/brand/forest.jpg";
 import packratLogo from "./assets/brand/packrat_by_opfn_logo.png";
+import forestImg from "./assets/images/forest.avif";
 import collageImg from "./assets/onboarding/collage.png";
-import archiveIcon from "./assets/brand/archivewebpage-icon-color.svg";
-import recLogo from "./assets/icons/recLogo.svg";
 
 @customElement("wr-onboarding")
 export class OnboardingView extends LitElement {