From 7daa5edc1e8a1a5eb3ac8ddc315b5deac026ba2a Mon Sep 17 00:00:00 2001
From: Daniel <daniel.gading@civicactions.com>
Date: Thu, 5 Dec 2024 11:29:18 -0500
Subject: [PATCH 01/10] Add initial goal page with footer and breadcrumbs

---
 config/graphql_compose.settings.yml           |  22 +-
 config/pathauto.pattern.goal.yml              |  22 ++
 src/frontend/components/field--goal-type.tsx  |  28 +++
 src/frontend/components/field--logo.tsx       |  19 ++
 src/frontend/components/layout.tsx            |   7 +-
 src/frontend/components/node--agency.tsx      |   7 +-
 src/frontend/components/node--goal.tsx        |  79 ++++++++
 src/frontend/components/usa--breadcrumb.tsx   |  28 +++
 src/frontend/components/usa--in-page-nav.tsx  |  38 ++++
 src/frontend/lib/types.ts                     |   2 +-
 src/frontend/package-lock.json                | 191 ++++++------------
 src/frontend/pages/[...slug].tsx              |  12 +-
 src/frontend/pages/agencies.tsx               |   2 +
 src/frontend/pages/goals.tsx                  | 126 ++++++++++++
 src/frontend/pages/index.tsx                  |   5 +-
 .../styles/components/field--goal-type.scss   |  18 ++
 src/frontend/styles/project-styles.scss       |   1 +
 src/frontend/styles/style.scss                |   6 +-
 src/frontend/styles/uswds-settings.scss       |   2 +-
 19 files changed, 460 insertions(+), 155 deletions(-)
 create mode 100644 config/pathauto.pattern.goal.yml
 create mode 100644 src/frontend/components/field--goal-type.tsx
 create mode 100644 src/frontend/components/field--logo.tsx
 create mode 100644 src/frontend/components/node--goal.tsx
 create mode 100644 src/frontend/components/usa--breadcrumb.tsx
 create mode 100644 src/frontend/components/usa--in-page-nav.tsx
 create mode 100644 src/frontend/pages/goals.tsx
 create mode 100644 src/frontend/styles/components/field--goal-type.scss

diff --git a/config/graphql_compose.settings.yml b/config/graphql_compose.settings.yml
index 81f8216b..fc675994 100644
--- a/config/graphql_compose.settings.yml
+++ b/config/graphql_compose.settings.yml
@@ -8,22 +8,13 @@ entity_config:
       edges_enabled: true
       routes_enabled: true
   image_style:
-    large:
-      enabled: true
+    1x1_third:
+      enabled: false
     media_library:
       enabled: true
-    medium:
-      enabled: true
     thumbnail:
       enabled: true
-    wide:
-      enabled: true
   media:
-    audio:
-      enabled: true
-      query_load_enabled: true
-      edges_enabled: true
-      routes_enabled: true
     document:
       enabled: true
       query_load_enabled: true
@@ -65,8 +56,6 @@ entity_config:
       routes_enabled: true
     article:
       enabled: false
-    coalition:
-      enabled: false
     division:
       enabled: false
     period:
@@ -114,9 +103,6 @@ entity_config:
       enabled: false
 field_config:
   media:
-    audio:
-      field_media_audio_file:
-        enabled: true
     document:
       field_media_document:
         enabled: true
@@ -144,6 +130,10 @@ field_config:
         enabled: true
       field_id:
         enabled: true
+      field_parent:
+        enabled: true
+      field_plan:
+        enabled: true
       field_topics:
         enabled: true
     plan:
diff --git a/config/pathauto.pattern.goal.yml b/config/pathauto.pattern.goal.yml
new file mode 100644
index 00000000..421a2e29
--- /dev/null
+++ b/config/pathauto.pattern.goal.yml
@@ -0,0 +1,22 @@
+uuid: 2e0e5832-3a42-4b66-8451-092421bc836e
+langcode: en
+status: true
+dependencies:
+  module:
+    - node
+id: goal
+label: Goal
+type: 'canonical_entities:node'
+pattern: '[node:field_plan:entity:field_agency:entity:url:path]/[node:title]'
+selection_criteria:
+  e9d32031-790b-4038-889f-0c7217afe139:
+    id: 'entity_bundle:node'
+    negate: false
+    uuid: e9d32031-790b-4038-889f-0c7217afe139
+    context_mapping:
+      node: node
+    bundles:
+      goal: goal
+selection_logic: and
+weight: -5
+relationships: {  }
diff --git a/src/frontend/components/field--goal-type.tsx b/src/frontend/components/field--goal-type.tsx
new file mode 100644
index 00000000..007f1de4
--- /dev/null
+++ b/src/frontend/components/field--goal-type.tsx
@@ -0,0 +1,28 @@
+export function FieldGoalType({field_goal_type}) {
+  let goalTypeName = "";
+  let goalTypeClasses = "";
+  switch (field_goal_type) {
+    case "apg":
+      goalTypeName = "Agency priority goal";
+      goalTypeClasses = "bg-primary-vivid";
+      break;
+    case "strategic":
+      goalTypeName = "Strategic goal";
+      goalTypeClasses = "bg-base-darkest";
+      break;
+    default:
+      goalTypeClasses = "bg-base";
+      break;
+  }
+
+  return (
+    <div className={`goal-type goal-type--${field_goal_type}`}>
+      <span className={`usa-tag ${goalTypeClasses} text-white`}>
+        {goalTypeName}
+      </span>
+    </div>
+  );
+}
+
+
+
diff --git a/src/frontend/components/field--logo.tsx b/src/frontend/components/field--logo.tsx
new file mode 100644
index 00000000..2d306266
--- /dev/null
+++ b/src/frontend/components/field--logo.tsx
@@ -0,0 +1,19 @@
+import Image from "next/image";
+import { absoluteUrl } from "lib/utils";
+
+
+export function FieldLogo({field_logo}) {
+  return (
+    <Image
+      src={absoluteUrl(field_logo.field_media_image.uri.url)}
+      width={150}
+      height={150}
+      alt={field_logo.name}
+      priority
+      className="margin-top-3"
+    />
+  );
+}
+
+
+
diff --git a/src/frontend/components/layout.tsx b/src/frontend/components/layout.tsx
index c6cc1b3a..1dd965df 100644
--- a/src/frontend/components/layout.tsx
+++ b/src/frontend/components/layout.tsx
@@ -1,7 +1,6 @@
 import Link from "next/link";
-
-import { PreviewAlert } from "components/preview-alert";
 import { GovBanner } from "@trussworks/react-uswds";
+import { PreviewAlert } from "components/preview-alert";
 
 export function Layout({ children }) {
   return (
@@ -11,8 +10,10 @@ export function Layout({ children }) {
         <header>
           <GovBanner />
         </header>
-        <main className="grid-container">{children}</main>
+        <main className="grid-container margin-bottom-4">{children}</main>
+        
       </div>
+      <footer className="width-full display-block height-8 bg-black"></footer>
     </>
   );
 }
diff --git a/src/frontend/components/node--agency.tsx b/src/frontend/components/node--agency.tsx
index cec704ff..7b5b864e 100644
--- a/src/frontend/components/node--agency.tsx
+++ b/src/frontend/components/node--agency.tsx
@@ -1,14 +1,19 @@
 import Image from "next/image";
 import { DrupalNode } from "next-drupal";
 import { absoluteUrl, formatDate } from "lib/utils";
+import { USABreadcrumb } from "./usa--breadcrumb";
 
 interface NodeAgencyProps {
   node: DrupalNode;
 }
 
 export function NodeAgency({ node, ...props }: NodeAgencyProps) {
+  const breadcrumbLinks = [
+    {label: "Agencies", href: "/agencies"},
+  ];
   return (
     <>
+      <USABreadcrumb links={breadcrumbLinks} activeItem={node.field_acronym} />
       <div className="grid-row">
         <div className="desktop:grid-col-3">
           {node.field_logo && (
@@ -30,7 +35,7 @@ export function NodeAgency({ node, ...props }: NodeAgencyProps) {
             data-heading-elements=""
           >
             <nav aria-label="On this page" className="usa-in-page-nav__nav">
-              <h4 className="usa-in-page-nav__heading" tabIndex="0">
+              <h4 className="usa-in-page-nav__heading" tabIndex={0}>
                 On this page
               </h4>
               <ul className="usa-in-page-nav__list">
diff --git a/src/frontend/components/node--goal.tsx b/src/frontend/components/node--goal.tsx
new file mode 100644
index 00000000..dee79c0a
--- /dev/null
+++ b/src/frontend/components/node--goal.tsx
@@ -0,0 +1,79 @@
+import { useState} from 'react';
+import { DrupalNode } from "next-drupal";
+import { USAInPageNav } from "./usa--in-page-nav";
+import { FieldGoalType } from "./field--goal-type";
+import { FieldLogo } from './field--logo';
+import { USABreadcrumb } from './usa--breadcrumb';
+
+interface NodeGoalProps {
+  node: DrupalNode;
+}
+
+export function NodeGoal({ node, ...props }: NodeGoalProps) {
+  const { title, field_topics, field_goal_type, field_plan } = node;
+  const { field_agency } = field_plan;
+  const [objectives, setObjectives] = useState([]);
+  let goalTypeString = field_goal_type;
+  if (field_goal_type == "apg") {
+    goalTypeString = "priority";
+  }
+  const breadcrumbLinks = [
+    {label: "Agencies", href: "/agencies"},
+    {label: field_agency.field_acronym, href: field_agency.path.alias}
+  ];
+  console.log(node)
+  return (
+    <>
+      <USABreadcrumb activeItem={title} links={breadcrumbLinks} />
+      <div className="grid-row">
+        <div className="desktop:grid-col-12">
+          <FieldGoalType field_goal_type={field_goal_type} />
+        </div>
+      </div>
+      
+      <div className="grid-row">
+        <div className="desktop:grid-col-3">
+          <USAInPageNav links={[
+            {href: "#about-goal", label: `About this ${field_agency.field_acronym} ${goalTypeString} goal`},
+            {href: "#what-is-goal", label: `What is a ${goalTypeString} goal?`},
+            {href: "#related-goals", label: "Related goals"}
+          ]} />
+          {field_agency.field_logo && (
+            <FieldLogo field_logo={field_agency.field_logo} />
+          )}
+        </div>
+        <div className="desktop:grid-col-9">
+          <h1 className="font-sans-2xl">{title}</h1>
+          <main id="main-content" className="main-content">
+            <h2 className="font-sans-xl" id="about-goal">
+              About this {field_agency.field_acronym} {goalTypeString} goal
+            </h2>
+            {node.body?.processed && (
+              <div
+                dangerouslySetInnerHTML={{ __html: node.body?.processed }}
+                className="font-body-md"
+              />
+            )}
+            <p>Strategic plan: link to strategic plan</p>
+            <h2 className="font-sans-2xl" id="related-resources">
+              Objectives
+            </h2>
+            <ol>
+              <li>objective1</li>
+              <li>objective2</li>
+            </ol>
+            {field_topics.length > 0 && (
+              <ul className="add-list-reset grid-row">
+                {field_topics.map((topic) => (
+                  <li className="margin-bottom-2 margin-right-2" key={topic.id}>
+                    <span className="usa-tag">{topic.name}</span>
+                  </li>
+                ))}
+              </ul>
+            )}
+          </main>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/src/frontend/components/usa--breadcrumb.tsx b/src/frontend/components/usa--breadcrumb.tsx
new file mode 100644
index 00000000..291f1573
--- /dev/null
+++ b/src/frontend/components/usa--breadcrumb.tsx
@@ -0,0 +1,28 @@
+import { usePathname } from "next/navigation";
+
+export function USABreadcrumb({activeItem, links}) {
+  console.log(links)
+  return (
+    <nav className="usa-breadcrumb" aria-label="Breadcrumbs,,">
+      <ol className="usa-breadcrumb__list">
+        <li className="usa-breadcrumb__list-item">
+          <a href="/" className="usa-breadcrumb__link">
+            <span>Home</span>
+          </a>
+        </li>
+        {links.map((link) => (
+          <li key={link.href} className="usa-breadcrumb__list-item">
+            <a href={link.href} className="usa-breadcrumb__link">
+              <span>{link.label}</span>
+            </a>
+          </li>
+        ))}
+        <li className="usa-breadcrumb__list-item usa-current" aria-current="page">
+          <span>
+            {activeItem}
+          </span>
+        </li>
+      </ol>
+    </nav>
+  );
+}
diff --git a/src/frontend/components/usa--in-page-nav.tsx b/src/frontend/components/usa--in-page-nav.tsx
new file mode 100644
index 00000000..f8b901cd
--- /dev/null
+++ b/src/frontend/components/usa--in-page-nav.tsx
@@ -0,0 +1,38 @@
+import * as React from "react";
+
+export function USAInPageNav({links}) {
+  
+
+
+  return (
+    <aside
+      className="usa-in-page-nav"
+      aria-label="On this page"
+      data-scroll-offset="-120"
+      data-root-margin="48px 0px -90% 0px"
+      data-threshold="1"
+      data-heading-elements=""
+    >
+      <nav aria-label="On this page" className="usa-in-page-nav__nav">
+        <h4 className="usa-in-page-nav__heading" tabIndex={0}>
+          On this page
+        </h4>
+        <ul className="usa-in-page-nav__list">
+          {links.map((link) => (
+            <li key={link.href} className="usa-in-page-nav__item usa-in-page-nav__item--primary">
+              <a
+                href={link.href}
+                className="usa-in-page-nav__link"
+              >
+                {link.label}
+              </a>
+            </li>
+          ))}
+        </ul>
+      </nav>
+    </aside>
+  );
+}
+
+
+
diff --git a/src/frontend/lib/types.ts b/src/frontend/lib/types.ts
index 9d744ec7..44509739 100644
--- a/src/frontend/lib/types.ts
+++ b/src/frontend/lib/types.ts
@@ -1,4 +1,4 @@
-export interface NodeGoal {
+export interface NodeGoalProps {
   title: string,
   body: {
     value: string
diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index 54c1fb2d..33a9aa34 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -440,7 +440,7 @@
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.4.1.tgz",
       "integrity": "sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "detect-libc": "^1.0.3",
@@ -726,7 +726,7 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
       "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
-      "dev": true,
+      "devOptional": true,
       "license": "Apache-2.0",
       "bin": {
         "detect-libc": "bin/detect-libc.js"
@@ -739,7 +739,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
       "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/@pkgjs/parseargs": {
@@ -928,27 +928,26 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
-      "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.17.0.tgz",
+      "integrity": "sha512-Drp39TXuUlD49F7ilHHCG7TTg8IkA+hxCuULdmzWYICxGXvDXmDmWEjJYZQYgf6l/TFfYNE167m7isnc3xlIEg==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "6.21.0",
-        "@typescript-eslint/types": "6.21.0",
-        "@typescript-eslint/typescript-estree": "6.21.0",
-        "@typescript-eslint/visitor-keys": "6.21.0",
+        "@typescript-eslint/scope-manager": "8.17.0",
+        "@typescript-eslint/types": "8.17.0",
+        "@typescript-eslint/typescript-estree": "8.17.0",
+        "@typescript-eslint/visitor-keys": "8.17.0",
         "debug": "^4.3.4"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
+        "eslint": "^8.57.0 || ^9.0.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -957,17 +956,16 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz",
-      "integrity": "sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==",
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.17.0.tgz",
+      "integrity": "sha512-/ewp4XjvnxaREtqsZjF4Mfn078RD/9GmiEAtTeLQ7yFdKnqwTOgRMSvFz4et9U5RiJQ15WTGXPLj89zGusvxBg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "6.21.0",
-        "@typescript-eslint/visitor-keys": "6.21.0"
+        "@typescript-eslint/types": "8.17.0",
+        "@typescript-eslint/visitor-keys": "8.17.0"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
@@ -1087,13 +1085,12 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.21.0.tgz",
-      "integrity": "sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==",
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.17.0.tgz",
+      "integrity": "sha512-gY2TVzeve3z6crqh2Ic7Cr+CAv6pfb0Egee7J5UAVWCpVvDI/F71wNfolIim4FE6hT15EbpZFVUj9j5i38jYXA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
@@ -1101,23 +1098,22 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz",
-      "integrity": "sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==",
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.17.0.tgz",
+      "integrity": "sha512-JqkOopc1nRKZpX+opvKqnM3XUlM7LpFMD0lYxTqOTKQfCWAmxw45e3qlOCsEqEB2yuacujivudOFpCnqkBDNMw==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
-        "@typescript-eslint/types": "6.21.0",
-        "@typescript-eslint/visitor-keys": "6.21.0",
+        "@typescript-eslint/types": "8.17.0",
+        "@typescript-eslint/visitor-keys": "8.17.0",
         "debug": "^4.3.4",
-        "globby": "^11.1.0",
+        "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
-        "minimatch": "9.0.3",
-        "semver": "^7.5.4",
-        "ts-api-utils": "^1.0.1"
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
@@ -1134,17 +1130,15 @@
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
       "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0"
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -1284,23 +1278,34 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz",
-      "integrity": "sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==",
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.17.0.tgz",
+      "integrity": "sha512-1Hm7THLpO6ww5QU6H/Qp+AusUUl+z/CAm3cNZZ0jQvon9yicgO7Rwd+/WWRpMKLYV6p2UvdbR27c86rzCPpreg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "6.21.0",
-        "eslint-visitor-keys": "^3.4.1"
+        "@typescript-eslint/types": "8.17.0",
+        "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
     "node_modules/@ungap/structured-clone": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
@@ -1463,16 +1468,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/array.prototype.findlast": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
@@ -1774,7 +1769,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "fill-range": "^7.1.1"
@@ -1921,7 +1916,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
       "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "readdirp": "^4.0.1"
@@ -2321,19 +2316,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/doctrine": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
@@ -3194,7 +3176,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -3507,27 +3489,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/gopd": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
@@ -3697,7 +3658,7 @@
       "version": "4.3.7",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
       "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/import-fresh": {
@@ -3923,7 +3884,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI= sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -3972,7 +3933,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
@@ -4011,7 +3972,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
@@ -4715,7 +4676,7 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
       "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
@@ -5282,16 +5243,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/picocolors": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
@@ -5302,7 +5253,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=8.6"
@@ -5426,7 +5377,6 @@
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.4.0",
@@ -5563,7 +5513,6 @@
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/readable-stream": {
@@ -5584,7 +5533,7 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
       "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">= 14.16.0"
@@ -5844,7 +5793,7 @@
       "version": "1.79.5",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.79.5.tgz",
       "integrity": "sha512-W1h5kp6bdhqFh2tk3DsI771MoEJjvrSY/2ihJRJS4pjIyfJCw0nTsxqhnrUzaLMOJjFchj8rOvraI/YUVjtx5g==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@parcel/watcher": "^2.4.1",
@@ -6066,16 +6015,6 @@
         "is-arrayish": "^0.3.1"
       }
     },
-    "node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/slice-ansi": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
@@ -6531,7 +6470,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
diff --git a/src/frontend/pages/[...slug].tsx b/src/frontend/pages/[...slug].tsx
index bada1cf0..067c62ba 100644
--- a/src/frontend/pages/[...slug].tsx
+++ b/src/frontend/pages/[...slug].tsx
@@ -1,3 +1,4 @@
+import { useEffect } from "react";
 import { GetStaticPathsResult, GetStaticPropsResult } from "next";
 import Head from "next/head";
 import { DrupalNode } from "next-drupal";
@@ -6,9 +7,11 @@ import { drupal } from "lib/drupal";
 import { NodeArticle } from "components/node--article";
 import { NodeBasicPage } from "components/node--basic-page";
 import { NodeAgency } from "../components/node--agency";
+import { NodeGoal } from "components/node--goal";
 import { Layout } from "components/layout";
+import { USABreadcrumb } from "components/usa--breadcrumb";
 
-const RESOURCE_TYPES = ["node--page", "node--article", "node--agency"];
+const RESOURCE_TYPES = ["node--page", "node--article", "node--agency", "node--goal"];
 
 interface NodePageProps {
   resource: DrupalNode;
@@ -26,6 +29,7 @@ export default function NodePage({ resource }: NodePageProps) {
       {resource.type === "node--page" && <NodeBasicPage node={resource} />}
       {resource.type === "node--article" && <NodeArticle node={resource} />}
       {resource.type === "node--agency" && <NodeAgency node={resource} />}
+      {resource.type === "node--goal" && <NodeGoal node={resource} />}
     </Layout>
   );
 }
@@ -59,7 +63,11 @@ export async function getStaticProps(
     params = {
       include: "field_logo.field_media_image,field_topics",
     };
-  }
+  } else if (type === "node--goal") {
+  params = {
+    include: "field_plan, field_topics, field_plan.field_agency, field_plan.field_agency.field_logo.field_media_image",
+  };
+}
 
   const resource = await drupal.getResourceFromContext<DrupalNode>(
     path,
diff --git a/src/frontend/pages/agencies.tsx b/src/frontend/pages/agencies.tsx
index e488f4d8..dac60175 100644
--- a/src/frontend/pages/agencies.tsx
+++ b/src/frontend/pages/agencies.tsx
@@ -1,6 +1,7 @@
 import { Layout } from "components/layout";
 import { NodeAgencyCard } from "../components/node--agency--card";
 import { drupal } from "lib/drupal";
+import { USABreadcrumb } from "components/usa--breadcrumb";
 
 export const getStaticProps = async () => {
   const graphqlUrl = drupal.buildUrl("/graphql");
@@ -44,6 +45,7 @@ export default function AgenciesPage({ agencies }) {
   return (
     <Layout>
       <div>
+        <USABreadcrumb links={[]} activeItem={"Agencies"} />
         <h1 className="font-sans-3xl">Explore federal goals</h1>
         <ul className="usa-card-group">
           {agencies?.length ? (
diff --git a/src/frontend/pages/goals.tsx b/src/frontend/pages/goals.tsx
new file mode 100644
index 00000000..96ec9f08
--- /dev/null
+++ b/src/frontend/pages/goals.tsx
@@ -0,0 +1,126 @@
+import { useState } from 'react';
+import Head from "next/head";
+import { GetStaticPropsResult } from "next";
+import { DrupalNode } from "next-drupal";
+import { Tag } from '@trussworks/react-uswds';
+import { drupal } from "lib/drupal";
+import { Layout } from "components/layout";
+import { NodeArticleTeaser } from "components/node--article--teaser";
+import GoalsSearchView from "../components/view--goal-search";
+
+interface IndexPageProps {
+  nodes: DrupalNode[];
+  goals: []
+}
+
+
+//   goalsGraphql1(filter: {Topics: "Domestic health"}) {
+
+//   }
+
+export const getStaticProps = async () => {
+  const graphqlUrl = drupal.buildUrl("/graphql");
+  console.log('iogjigj')
+//   // Fetch the first 50 agencies
+  const response = await drupal.fetch(graphqlUrl.toString(), {
+    method: "POST",
+    withAuth: true, // Make authenticated requests using OAuth.
+    body: JSON.stringify({
+      query: `query GoalsQuery {
+        goalsGraphql1(filter: {}) {
+          results {
+            ... on NodeGoal {
+              id
+              title
+              body {
+                value
+              }
+              path
+            }
+          }
+          filters {
+            value
+            options
+          }
+        }
+    }`,
+      }),
+  });
+
+  const { data } = await response.json();
+  
+  return {
+    props: {
+      goals: data?.goalsGraphql1?.results ?? [],
+      filters: data?.goalsGraphql1?.filters ?? [],
+    },
+  };
+};
+
+function truncateString(yourString, maxLength) {
+  // get the index of space after maxLength
+  const index = yourString.indexOf(" ", maxLength);
+  return index === -1 ? yourString : yourString.substring(0, index) + "..."
+}
+
+export default function GoalsPage({ filters, goals }: IndexPageProps) {
+  
+  const [fulltext, setFulltext] = useState(filters[0].value)
+  const [facets, setFacets] = useState(filters[1].options)
+
+  
+  return (
+    <Layout>
+      <div className="grid-container">
+        <h1 className="font-heading-3xl">Track the U.S. Government's goals</h1>
+        <div role="search">
+          <label className="usa-sr-only" htmlFor="query-goals">Search topics</label>
+          <input id="query-goals" className="usa-input" name="query" type="search" />
+          <button className="goal-search__button usa-button margin-top-0" type="button" name="commit">
+            Search goals
+          </button>
+        </div>
+        <ul className="add-list-reset grid-row flex-justify-center">
+          {Object.keys(facets).length ? (
+            Object.keys(facets).map((topic) => (
+              <li
+                className="margin-05 "
+                key={topic.replace( /\s/g, '')}
+              >
+                <Tag className="text-ink border-ink border-2px" background="#ffffff">{topic}</Tag>
+              </li>
+            ))
+          ) : (
+            <p className="">No facets found</p>
+          )}
+        </ul>
+        <ul className="usa-card-group">
+          {goals?.length ? (
+            goals.map((goal) => (
+              <li
+                key={goal.path}
+                className="usa-card tablet-lg:grid-col-6 desktop:grid-col-4"
+              >
+                <div className="usa-card__container radius-0" >
+                  <div className="usa-card__header">
+                    <h4 className="usa-card__heading">{truncateString(goal.title, 30)}</h4>
+                  </div>
+                  <div className="usa-card__body">
+                    <div dangerouslySetInnerHTML={{__html: truncateString(goal?.body?.value, 60)}} />
+                  </div>
+                  <div className="usa-card__footer">
+                    <a href={goal.path} className="usa-button">
+                      Explore goal
+                    </a>
+                  </div>
+                </div>
+              </li>
+            ))
+          ) : (
+            <p className="">No agencies found</p>
+          )}
+        </ul>
+      </div>
+    </Layout>
+  );
+}
diff --git a/src/frontend/pages/index.tsx b/src/frontend/pages/index.tsx
index e2c02cb3..dab61a9b 100644
--- a/src/frontend/pages/index.tsx
+++ b/src/frontend/pages/index.tsx
@@ -2,10 +2,10 @@ import Head from "next/head";
 import { drupal } from "lib/drupal";
 import { Layout } from "components/layout";
 import GoalsSearchView from "components/view--goal-search";
-import { NodeGoal, ViewFilter } from "lib/types";
+import { NodeGoalProps, ViewFilter } from "lib/types";
 
 interface IndexPageProps {
-  goals: Array<NodeGoal>,
+  goals: Array<NodeGoalProps>,
   description: string,
   filters: Array<ViewFilter>,
   total: number,
@@ -39,6 +39,7 @@ export const getStaticProps = async () => {
                 ... on NodeAgency {
                   id
                   title
+                  path
                 }
               }
               topics {
diff --git a/src/frontend/styles/components/field--goal-type.scss b/src/frontend/styles/components/field--goal-type.scss
new file mode 100644
index 00000000..840f919e
--- /dev/null
+++ b/src/frontend/styles/components/field--goal-type.scss
@@ -0,0 +1,18 @@
+@use "uswds";
+
+.goal-type {
+  position: relative;
+  &::before {
+    @extend .border-bottom-05;
+    content: "";
+    top: 50%;
+    position: absolute;
+    width: 100%;
+    display: block;
+    z-index: -1;
+  }
+}
+
+.goal-type--apg::before {
+  @extend .border-primary-vivid;
+}
\ No newline at end of file
diff --git a/src/frontend/styles/project-styles.scss b/src/frontend/styles/project-styles.scss
index e69de29b..7dbb55d7 100644
--- a/src/frontend/styles/project-styles.scss
+++ b/src/frontend/styles/project-styles.scss
@@ -0,0 +1 @@
+@import "./components/field--goal-type.scss";
\ No newline at end of file
diff --git a/src/frontend/styles/style.scss b/src/frontend/styles/style.scss
index a675e630..348152b1 100644
--- a/src/frontend/styles/style.scss
+++ b/src/frontend/styles/style.scss
@@ -1,8 +1,8 @@
 // 1. Load USWDS settings
-//@forward "uswds-settings.scss";
+@forward "uswds-settings.scss";
 
 // 2. Load USWDS source code
-//@forward "uswds";
+@forward "uswds";
 
 //// 3. Load custom Sass
-//@forward "project-styles.scss";
+@forward "project-styles.scss";
diff --git a/src/frontend/styles/uswds-settings.scss b/src/frontend/styles/uswds-settings.scss
index 51d7ccfe..693c1cff 100644
--- a/src/frontend/styles/uswds-settings.scss
+++ b/src/frontend/styles/uswds-settings.scss
@@ -11,7 +11,7 @@ $ASSET_PREFIX: "";
   $theme-banner-max-width: "widescreen",
   $theme-checkbox-border-radius: "md",
   /* these are referenced from the root of the /public directory */
-    $theme-font-path: "#{$ASSET_PREFIX}/uswds/fonts",
+  $theme-font-path: "#{$ASSET_PREFIX}/uswds/fonts",
   $theme-image-path: "#{$ASSET_PREFIX}/uswds/img",
   $theme-hero-image: "#{$ASSET_PREFIX}/uswds/img/hero.webp"
 );

From 702afa102e44f1d083039e75a2fe0feda670b9f4 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.gading@civicactions.com>
Date: Mon, 9 Dec 2024 12:52:31 -0500
Subject: [PATCH 02/10] Add basic goal page and uswds icons

---
 src/frontend/components/field--objectives.tsx |  56 ++++++++
 src/frontend/components/node--agency.tsx      |  64 ++-------
 src/frontend/components/node--goal--card.tsx  |   8 +-
 src/frontend/components/node--goal.tsx        |  34 +++--
 src/frontend/components/usa--breadcrumb.tsx   |  41 +++---
 src/frontend/components/usa--in-page-nav.tsx  |  13 +-
 src/frontend/package-lock.json                |   9 ++
 src/frontend/package.json                     |   1 +
 src/frontend/pages/[...slug].tsx              | 111 +++++++++------
 src/frontend/pages/api/node-queries.ts        |  51 +++++++
 src/frontend/pages/goals.tsx                  | 126 ------------------
 src/frontend/pages/index.tsx                  |  37 ++++-
 .../uswds/img/usa-icons/accessibility_new.svg |   1 +
 .../img/usa-icons/accessible_forward.svg      |   1 +
 .../uswds/img/usa-icons/account_balance.svg   |   1 +
 .../uswds/img/usa-icons/account_box.svg       |   1 +
 .../uswds/img/usa-icons/account_circle.svg    |   1 +
 .../public/uswds/img/usa-icons/add.svg        |   1 +
 .../public/uswds/img/usa-icons/add_circle.svg |   1 +
 .../img/usa-icons/add_circle_outline.svg      |   1 +
 .../public/uswds/img/usa-icons/alarm.svg      |   1 +
 .../uswds/img/usa-icons/alternate_email.svg   |   1 +
 .../uswds/img/usa-icons/announcement.svg      |   1 +
 .../public/uswds/img/usa-icons/api.svg        |   1 +
 .../public/uswds/img/usa-icons/arrow_back.svg |   1 +
 .../uswds/img/usa-icons/arrow_downward.svg    |   1 +
 .../uswds/img/usa-icons/arrow_drop_down.svg   |   1 +
 .../uswds/img/usa-icons/arrow_drop_up.svg     |   1 +
 .../uswds/img/usa-icons/arrow_forward.svg     |   1 +
 .../uswds/img/usa-icons/arrow_upward.svg      |   1 +
 .../public/uswds/img/usa-icons/assessment.svg |   1 +
 .../uswds/img/usa-icons/attach_file.svg       |   1 +
 .../uswds/img/usa-icons/attach_money.svg      |   1 +
 .../public/uswds/img/usa-icons/autorenew.svg  |   1 +
 .../public/uswds/img/usa-icons/backpack.svg   |   1 +
 .../public/uswds/img/usa-icons/bathtub.svg    |   1 +
 .../public/uswds/img/usa-icons/bedding.svg    |   1 +
 .../public/uswds/img/usa-icons/bookmark.svg   |   1 +
 .../public/uswds/img/usa-icons/bug_report.svg |   1 +
 .../public/uswds/img/usa-icons/build.svg      |   1 +
 .../uswds/img/usa-icons/calendar_today.svg    |   1 +
 .../public/uswds/img/usa-icons/campaign.svg   |   1 +
 .../public/uswds/img/usa-icons/camping.svg    |   1 +
 .../public/uswds/img/usa-icons/cancel.svg     |   1 +
 .../public/uswds/img/usa-icons/chat.svg       |   1 +
 .../public/uswds/img/usa-icons/check.svg      |   1 +
 .../img/usa-icons/check_box_outline_blank.svg |   1 +
 .../uswds/img/usa-icons/check_circle.svg      |   1 +
 .../img/usa-icons/check_circle_outline.svg    |   1 +
 .../public/uswds/img/usa-icons/checkroom.svg  |   1 +
 .../uswds/img/usa-icons/chevron_left.svg      |   1 +
 .../uswds/img/usa-icons/chevron_right.svg     |   1 +
 .../uswds/img/usa-icons/clean_hands.svg       |   1 +
 .../public/uswds/img/usa-icons/close.svg      |   1 +
 .../uswds/img/usa-icons/closed_caption.svg    |   1 +
 .../public/uswds/img/usa-icons/clothes.svg    |   1 +
 .../public/uswds/img/usa-icons/cloud.svg      |   1 +
 .../public/uswds/img/usa-icons/code.svg       |   1 +
 .../public/uswds/img/usa-icons/comment.svg    |   1 +
 .../img/usa-icons/connect_without_contact.svg |   1 +
 .../uswds/img/usa-icons/construction.svg      |   1 +
 .../img/usa-icons/construction_worker.svg     |   1 +
 .../uswds/img/usa-icons/contact_page.svg      |   1 +
 .../uswds/img/usa-icons/content_copy.svg      |   1 +
 .../uswds/img/usa-icons/coronavirus.svg       |   1 +
 .../uswds/img/usa-icons/credit_card.svg       |   1 +
 .../public/uswds/img/usa-icons/deck.svg       |   1 +
 .../public/uswds/img/usa-icons/delete.svg     |   1 +
 .../uswds/img/usa-icons/device_thermostat.svg |   1 +
 .../public/uswds/img/usa-icons/directions.svg |   1 +
 .../uswds/img/usa-icons/directions_bike.svg   |   1 +
 .../uswds/img/usa-icons/directions_bus.svg    |   1 +
 .../uswds/img/usa-icons/directions_car.svg    |   1 +
 .../uswds/img/usa-icons/directions_walk.svg   |   1 +
 .../uswds/img/usa-icons/do_not_disturb.svg    |   1 +
 .../uswds/img/usa-icons/do_not_touch.svg      |   1 +
 .../uswds/img/usa-icons/drag_handle.svg       |   1 +
 .../public/uswds/img/usa-icons/eco.svg        |   1 +
 .../public/uswds/img/usa-icons/edit.svg       |   1 +
 .../img/usa-icons/electrical_services.svg     |   1 +
 .../uswds/img/usa-icons/emoji_events.svg      |   1 +
 .../public/uswds/img/usa-icons/error.svg      |   1 +
 .../uswds/img/usa-icons/error_outline.svg     |   1 +
 .../public/uswds/img/usa-icons/event.svg      |   1 +
 .../uswds/img/usa-icons/expand_less.svg       |   1 +
 .../uswds/img/usa-icons/expand_more.svg       |   1 +
 .../public/uswds/img/usa-icons/facebook.svg   |   1 +
 .../uswds/img/usa-icons/fast_forward.svg      |   1 +
 .../uswds/img/usa-icons/fast_rewind.svg       |   1 +
 .../public/uswds/img/usa-icons/favorite.svg   |   1 +
 .../uswds/img/usa-icons/favorite_border.svg   |   1 +
 .../public/uswds/img/usa-icons/fax.svg        |   1 +
 .../uswds/img/usa-icons/file_download.svg     |   1 +
 .../uswds/img/usa-icons/file_present.svg      |   1 +
 .../uswds/img/usa-icons/file_upload.svg       |   1 +
 .../public/uswds/img/usa-icons/filter_alt.svg |   1 +
 .../uswds/img/usa-icons/filter_list.svg       |   1 +
 .../uswds/img/usa-icons/fingerprint.svg       |   1 +
 .../public/uswds/img/usa-icons/first_page.svg |   1 +
 .../public/uswds/img/usa-icons/flag.svg       |   1 +
 .../public/uswds/img/usa-icons/flickr.svg     |   1 +
 .../public/uswds/img/usa-icons/flight.svg     |   1 +
 .../public/uswds/img/usa-icons/flooding.svg   |   1 +
 .../public/uswds/img/usa-icons/folder.svg     |   1 +
 .../uswds/img/usa-icons/folder_open.svg       |   1 +
 .../uswds/img/usa-icons/format_quote.svg      |   1 +
 .../uswds/img/usa-icons/format_size.svg       |   1 +
 .../public/uswds/img/usa-icons/forum.svg      |   1 +
 .../public/uswds/img/usa-icons/github.svg     |   1 +
 .../public/uswds/img/usa-icons/grid_view.svg  |   1 +
 .../public/uswds/img/usa-icons/group_add.svg  |   1 +
 .../public/uswds/img/usa-icons/groups.svg     |   1 +
 .../public/uswds/img/usa-icons/hearing.svg    |   1 +
 .../public/uswds/img/usa-icons/help.svg       |   1 +
 .../uswds/img/usa-icons/help_outline.svg      |   1 +
 .../uswds/img/usa-icons/highlight_off.svg     |   1 +
 .../public/uswds/img/usa-icons/history.svg    |   1 +
 .../public/uswds/img/usa-icons/home.svg       |   1 +
 .../public/uswds/img/usa-icons/hospital.svg   |   1 +
 .../public/uswds/img/usa-icons/hotel.svg      |   1 +
 .../uswds/img/usa-icons/hourglass_empty.svg   |   1 +
 .../public/uswds/img/usa-icons/hurricane.svg  |   1 +
 .../uswds/img/usa-icons/identification.svg    |   1 +
 .../public/uswds/img/usa-icons/image.svg      |   1 +
 .../public/uswds/img/usa-icons/info.svg       |   1 +
 .../uswds/img/usa-icons/info_outline.svg      |   1 +
 .../public/uswds/img/usa-icons/insights.svg   |   1 +
 .../public/uswds/img/usa-icons/instagram.svg  |   1 +
 .../public/uswds/img/usa-icons/keyboard.svg   |   1 +
 .../public/uswds/img/usa-icons/label.svg      |   1 +
 .../public/uswds/img/usa-icons/language.svg   |   1 +
 .../public/uswds/img/usa-icons/last_page.svg  |   1 +
 .../public/uswds/img/usa-icons/launch.svg     |   1 +
 .../public/uswds/img/usa-icons/lightbulb.svg  |   1 +
 .../uswds/img/usa-icons/lightbulb_outline.svg |   1 +
 .../public/uswds/img/usa-icons/link.svg       |   1 +
 .../public/uswds/img/usa-icons/link_off.svg   |   1 +
 .../public/uswds/img/usa-icons/linkedin.svg   |   1 +
 .../public/uswds/img/usa-icons/list.svg       |   1 +
 .../public/uswds/img/usa-icons/local_cafe.svg |   1 +
 .../img/usa-icons/local_fire_department.svg   |   1 +
 .../uswds/img/usa-icons/local_gas_station.svg |   1 +
 .../img/usa-icons/local_grocery_store.svg     |   1 +
 .../uswds/img/usa-icons/local_hospital.svg    |   1 +
 .../img/usa-icons/local_laundry_service.svg   |   1 +
 .../uswds/img/usa-icons/local_library.svg     |   1 +
 .../uswds/img/usa-icons/local_offer.svg       |   1 +
 .../uswds/img/usa-icons/local_parking.svg     |   1 +
 .../uswds/img/usa-icons/local_pharmacy.svg    |   1 +
 .../uswds/img/usa-icons/local_police.svg      |   1 +
 .../public/uswds/img/usa-icons/local_taxi.svg |   1 +
 .../uswds/img/usa-icons/location_city.svg     |   1 +
 .../uswds/img/usa-icons/location_on.svg       |   1 +
 .../public/uswds/img/usa-icons/lock.svg       |   1 +
 .../public/uswds/img/usa-icons/lock_open.svg  |   1 +
 .../uswds/img/usa-icons/lock_outline.svg      |   1 +
 .../public/uswds/img/usa-icons/login.svg      |   1 +
 .../public/uswds/img/usa-icons/logout.svg     |   1 +
 .../public/uswds/img/usa-icons/loop.svg       |   1 +
 .../public/uswds/img/usa-icons/mail.svg       |   1 +
 .../uswds/img/usa-icons/mail_outline.svg      |   1 +
 .../public/uswds/img/usa-icons/map.svg        |   1 +
 .../public/uswds/img/usa-icons/masks.svg      |   1 +
 .../uswds/img/usa-icons/medical_services.svg  |   1 +
 .../public/uswds/img/usa-icons/menu.svg       |   1 +
 .../uswds/img/usa-icons/military_tech.svg     |   1 +
 .../public/uswds/img/usa-icons/more_horiz.svg |   1 +
 .../public/uswds/img/usa-icons/more_vert.svg  |   1 +
 .../uswds/img/usa-icons/my_location.svg       |   1 +
 .../uswds/img/usa-icons/navigate_before.svg   |   1 +
 .../img/usa-icons/navigate_far_before.svg     |   1 +
 .../uswds/img/usa-icons/navigate_far_next.svg |   1 +
 .../uswds/img/usa-icons/navigate_next.svg     |   1 +
 .../public/uswds/img/usa-icons/near_me.svg    |   1 +
 .../uswds/img/usa-icons/notifications.svg     |   1 +
 .../img/usa-icons/notifications_active.svg    |   1 +
 .../img/usa-icons/notifications_none.svg      |   1 +
 .../uswds/img/usa-icons/notifications_off.svg |   1 +
 .../public/uswds/img/usa-icons/park.svg       |   1 +
 .../public/uswds/img/usa-icons/people.svg     |   1 +
 .../public/uswds/img/usa-icons/person.svg     |   1 +
 .../public/uswds/img/usa-icons/pets.svg       |   1 +
 .../public/uswds/img/usa-icons/phone.svg      |   1 +
 .../uswds/img/usa-icons/photo_camera.svg      |   1 +
 .../public/uswds/img/usa-icons/print.svg      |   1 +
 .../uswds/img/usa-icons/priority_high.svg     |   1 +
 .../public/uswds/img/usa-icons/public.svg     |   1 +
 .../public/uswds/img/usa-icons/push_pin.svg   |   1 +
 .../img/usa-icons/radio_button_unchecked.svg  |   1 +
 .../public/uswds/img/usa-icons/rain.svg       |   1 +
 .../uswds/img/usa-icons/reduce_capacity.svg   |   1 +
 .../public/uswds/img/usa-icons/remove.svg     |   1 +
 .../uswds/img/usa-icons/remove_circle.svg     |   1 +
 .../public/uswds/img/usa-icons/report.svg     |   1 +
 .../public/uswds/img/usa-icons/restaurant.svg |   1 +
 .../public/uswds/img/usa-icons/rss_feed.svg   |   1 +
 .../uswds/img/usa-icons/safety_divider.svg    |   1 +
 .../public/uswds/img/usa-icons/sanitizer.svg  |   1 +
 .../public/uswds/img/usa-icons/save_alt.svg   |   1 +
 .../public/uswds/img/usa-icons/schedule.svg   |   1 +
 .../public/uswds/img/usa-icons/school.svg     |   1 +
 .../public/uswds/img/usa-icons/science.svg    |   1 +
 .../public/uswds/img/usa-icons/search.svg     |   1 +
 .../public/uswds/img/usa-icons/security.svg   |   1 +
 .../public/uswds/img/usa-icons/send.svg       |   1 +
 .../img/usa-icons/sentiment_dissatisfied.svg  |   1 +
 .../uswds/img/usa-icons/sentiment_neutral.svg |   1 +
 .../img/usa-icons/sentiment_satisfied.svg     |   1 +
 .../img/usa-icons/sentiment_satisfied_alt.svg |   1 +
 .../usa-icons/sentiment_very_dissatisfied.svg |   1 +
 .../public/uswds/img/usa-icons/settings.svg   |   1 +
 .../uswds/img/usa-icons/severe_weather.svg    |   1 +
 .../public/uswds/img/usa-icons/share.svg      |   1 +
 .../public/uswds/img/usa-icons/shield.svg     |   1 +
 .../uswds/img/usa-icons/shopping_basket.svg   |   1 +
 .../public/uswds/img/usa-icons/snow.svg       |   1 +
 .../public/uswds/img/usa-icons/soap.svg       |   1 +
 .../uswds/img/usa-icons/social_distance.svg   |   1 +
 .../public/uswds/img/usa-icons/sort_arrow.svg |   1 +
 .../public/uswds/img/usa-icons/spellcheck.svg |   1 +
 .../public/uswds/img/usa-icons/star.svg       |   1 +
 .../public/uswds/img/usa-icons/star_half.svg  |   1 +
 .../uswds/img/usa-icons/star_outline.svg      |   1 +
 .../public/uswds/img/usa-icons/store.svg      |   1 +
 .../public/uswds/img/usa-icons/support.svg    |   1 +
 .../uswds/img/usa-icons/support_agent.svg     |   1 +
 .../uswds/img/usa-icons/text_fields.svg       |   1 +
 .../uswds/img/usa-icons/thumb_down_alt.svg    |   1 +
 .../uswds/img/usa-icons/thumb_up_alt.svg      |   1 +
 .../public/uswds/img/usa-icons/timer.svg      |   1 +
 .../public/uswds/img/usa-icons/toggle_off.svg |   1 +
 .../public/uswds/img/usa-icons/toggle_on.svg  |   1 +
 .../public/uswds/img/usa-icons/topic.svg      |   1 +
 .../public/uswds/img/usa-icons/tornado.svg    |   1 +
 .../public/uswds/img/usa-icons/translate.svg  |   1 +
 .../uswds/img/usa-icons/trending_down.svg     |   1 +
 .../uswds/img/usa-icons/trending_up.svg       |   1 +
 .../public/uswds/img/usa-icons/twitter.svg    |   1 +
 .../public/uswds/img/usa-icons/undo.svg       |   1 +
 .../uswds/img/usa-icons/unfold_less.svg       |   1 +
 .../uswds/img/usa-icons/unfold_more.svg       |   1 +
 .../public/uswds/img/usa-icons/update.svg     |   1 +
 .../uswds/img/usa-icons/upload_file.svg       |   1 +
 .../public/uswds/img/usa-icons/verified.svg   |   1 +
 .../uswds/img/usa-icons/verified_user.svg     |   1 +
 .../public/uswds/img/usa-icons/visibility.svg |   1 +
 .../uswds/img/usa-icons/visibility_off.svg    |   1 +
 .../public/uswds/img/usa-icons/volume_off.svg |   1 +
 .../public/uswds/img/usa-icons/warning.svg    |   1 +
 .../public/uswds/img/usa-icons/wash.svg       |   1 +
 .../public/uswds/img/usa-icons/wifi.svg       |   1 +
 .../public/uswds/img/usa-icons/work.svg       |   1 +
 src/frontend/public/uswds/img/usa-icons/x.svg |   1 +
 .../public/uswds/img/usa-icons/youtube.svg    |   1 +
 .../public/uswds/img/usa-icons/zoom_in.svg    |   1 +
 .../public/uswds/img/usa-icons/zoom_out.svg   |   1 +
 .../uswds/img/usa-icons/zoom_out_map.svg      |   1 +
 257 files changed, 518 insertions(+), 278 deletions(-)
 create mode 100644 src/frontend/components/field--objectives.tsx
 create mode 100644 src/frontend/pages/api/node-queries.ts
 delete mode 100644 src/frontend/pages/goals.tsx
 create mode 100644 src/frontend/public/uswds/img/usa-icons/accessibility_new.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/accessible_forward.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/account_balance.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/account_box.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/account_circle.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/add.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/add_circle.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/add_circle_outline.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/alarm.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/alternate_email.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/announcement.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/api.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/arrow_back.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/arrow_downward.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/arrow_drop_down.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/arrow_drop_up.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/arrow_forward.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/arrow_upward.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/assessment.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/attach_file.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/attach_money.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/autorenew.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/backpack.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/bathtub.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/bedding.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/bookmark.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/bug_report.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/build.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/calendar_today.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/campaign.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/camping.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/cancel.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/chat.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/check.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/check_box_outline_blank.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/check_circle.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/check_circle_outline.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/checkroom.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/chevron_left.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/chevron_right.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/clean_hands.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/close.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/closed_caption.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/clothes.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/cloud.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/code.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/comment.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/connect_without_contact.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/construction.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/construction_worker.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/contact_page.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/content_copy.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/coronavirus.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/credit_card.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/deck.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/delete.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/device_thermostat.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/directions.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/directions_bike.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/directions_bus.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/directions_car.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/directions_walk.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/do_not_disturb.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/do_not_touch.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/drag_handle.svg
 create mode 100755 src/frontend/public/uswds/img/usa-icons/eco.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/edit.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/electrical_services.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/emoji_events.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/error.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/error_outline.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/event.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/expand_less.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/expand_more.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/facebook.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/fast_forward.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/fast_rewind.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/favorite.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/favorite_border.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/fax.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/file_download.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/file_present.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/file_upload.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/filter_alt.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/filter_list.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/fingerprint.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/first_page.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/flag.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/flickr.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/flight.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/flooding.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/folder.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/folder_open.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/format_quote.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/format_size.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/forum.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/github.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/grid_view.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/group_add.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/groups.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/hearing.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/help.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/help_outline.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/highlight_off.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/history.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/home.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/hospital.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/hotel.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/hourglass_empty.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/hurricane.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/identification.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/image.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/info.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/info_outline.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/insights.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/instagram.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/keyboard.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/label.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/language.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/last_page.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/launch.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/lightbulb.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/lightbulb_outline.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/link.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/link_off.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/linkedin.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/list.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/local_cafe.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/local_fire_department.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/local_gas_station.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/local_grocery_store.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/local_hospital.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/local_laundry_service.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/local_library.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/local_offer.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/local_parking.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/local_pharmacy.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/local_police.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/local_taxi.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/location_city.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/location_on.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/lock.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/lock_open.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/lock_outline.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/login.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/logout.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/loop.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/mail.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/mail_outline.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/map.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/masks.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/medical_services.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/menu.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/military_tech.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/more_horiz.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/more_vert.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/my_location.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/navigate_before.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/navigate_far_before.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/navigate_far_next.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/navigate_next.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/near_me.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/notifications.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/notifications_active.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/notifications_none.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/notifications_off.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/park.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/people.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/person.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/pets.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/phone.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/photo_camera.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/print.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/priority_high.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/public.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/push_pin.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/radio_button_unchecked.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/rain.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/reduce_capacity.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/remove.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/remove_circle.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/report.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/restaurant.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/rss_feed.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/safety_divider.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/sanitizer.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/save_alt.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/schedule.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/school.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/science.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/search.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/security.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/send.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/sentiment_dissatisfied.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/sentiment_neutral.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/sentiment_satisfied.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/sentiment_satisfied_alt.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/sentiment_very_dissatisfied.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/settings.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/severe_weather.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/share.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/shield.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/shopping_basket.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/snow.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/soap.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/social_distance.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/sort_arrow.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/spellcheck.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/star.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/star_half.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/star_outline.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/store.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/support.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/support_agent.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/text_fields.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/thumb_down_alt.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/thumb_up_alt.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/timer.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/toggle_off.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/toggle_on.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/topic.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/tornado.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/translate.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/trending_down.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/trending_up.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/twitter.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/undo.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/unfold_less.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/unfold_more.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/update.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/upload_file.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/verified.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/verified_user.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/visibility.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/visibility_off.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/volume_off.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/warning.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/wash.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/wifi.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/work.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/x.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/youtube.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/zoom_in.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/zoom_out.svg
 create mode 100644 src/frontend/public/uswds/img/usa-icons/zoom_out_map.svg

diff --git a/src/frontend/components/field--objectives.tsx b/src/frontend/components/field--objectives.tsx
new file mode 100644
index 00000000..36d8b6cc
--- /dev/null
+++ b/src/frontend/components/field--objectives.tsx
@@ -0,0 +1,56 @@
+import { formatDate } from "lib/utils";
+
+
+export function FieldObjectives({fieldObjectives}) {
+  console.log(fieldObjectives)
+  return (
+    <div>
+      <h2 className="font-sans-2xl margin-bottom-1" id="related-resources">
+        Objectives
+      </h2>
+      <ol className="add-list-reset">
+        {fieldObjectives.map((objective, index) => (
+          <li key={objective.id} className={`${index > 0 ? "border-top" : ""}`}>
+            <h3>{objective.title}</h3>
+            <h4 className="margin-bottom-0">Performance indicators</h4>
+              <ol className="add-list-reset">
+                {objective.indicators.map((indicator) => (
+                  <li key={indicator.id}>
+                    <p>{indicator.name}</p>
+                    <table className="usa-table usa-table--stacked width-full">
+                      <caption className="usa-sr-only">
+                        Date and result measurements for the {indicator.name} performance indicator.
+                      </caption>
+                      <thead>
+                        <tr>
+                          <th>Start date</th>
+                          <th>End date</th>
+                          <th>Actual result</th>
+                          <th>Target result</th>
+                        </tr>
+                      </thead>
+                      <tbody>
+                        {indicator.measurements.map((measurement) => (
+                          <tr key={measurement.id}>
+                            <td>{formatDate(measurement.period.dateRange.start.time)}</td>
+                            <td>{formatDate(measurement.period.dateRange.end.time)}</td>
+                            <td>{measurement.value ? measurement.value : "N/A"}</td>
+                            <td>{measurement.targetValue ? measurement.targetValue : "N/A"}</td>
+                          </tr>
+                        ))}
+                      </tbody>
+                    </table>
+                  </li>
+                ))}
+              </ol>
+          </li>
+        ))}
+      </ol>
+    </div>
+    
+    
+  );
+}
+
+
+
diff --git a/src/frontend/components/node--agency.tsx b/src/frontend/components/node--agency.tsx
index 7b5b864e..bad61c83 100644
--- a/src/frontend/components/node--agency.tsx
+++ b/src/frontend/components/node--agency.tsx
@@ -1,7 +1,6 @@
-import Image from "next/image";
 import { DrupalNode } from "next-drupal";
-import { absoluteUrl, formatDate } from "lib/utils";
 import { USABreadcrumb } from "./usa--breadcrumb";
+import { USAInPageNav } from "./usa--in-page-nav";
 
 interface NodeAgencyProps {
   node: DrupalNode;
@@ -16,58 +15,15 @@ export function NodeAgency({ node, ...props }: NodeAgencyProps) {
       <USABreadcrumb links={breadcrumbLinks} activeItem={node.field_acronym} />
       <div className="grid-row">
         <div className="desktop:grid-col-3">
-          {node.field_logo && (
-            <Image
-              src={absoluteUrl(node.field_logo.field_media_image.uri.url)}
-              width={150}
-              height={150}
-              alt={node.field_logo.name}
-              priority
-              className="margin-top-3"
-            />
-          )}
-          <aside
-            className="usa-in-page-nav"
-            aria-label="On this page"
-            data-scroll-offset="-120"
-            data-root-margin="48px 0px -90% 0px"
-            data-threshold="1"
-            data-heading-elements=""
-          >
-            <nav aria-label="On this page" className="usa-in-page-nav__nav">
-              <h4 className="usa-in-page-nav__heading" tabIndex={0}>
-                On this page
-              </h4>
-              <ul className="usa-in-page-nav__list">
-                <li className="usa-in-page-nav__item usa-in-page-nav__item--primary usa-current">
-                  <a href="#mission" className="usa-in-page-nav__link">
-                    Mission
-                  </a>
-                </li>
-                <li className="usa-in-page-nav__item usa-in-page-nav__item--primary">
-                  <a
-                    href="#component-preview"
-                    className="usa-in-page-nav__link"
-                  >
-                    Admin
-                  </a>
-                </li>
-                <li className="usa-in-page-nav__item usa-in-page-nav__item--primary">
-                  <a href="#component-code" className="usa-in-page-nav__link">
-                    Fiscal period
-                  </a>
-                </li>
-                <li className="usa-in-page-nav__item usa-in-page-nav__item--primary">
-                  <a
-                    href="#related-resources"
-                    className="usa-in-page-nav__link"
-                  >
-                    Related Resources
-                  </a>
-                </li>
-              </ul>
-            </nav>
-          </aside>
+          <USAInPageNav
+            logo={node.field_logo ? node.field_logo : null}
+            links={[
+              {href: "#mission", label: `Mission`},
+              {href: "#component-preview", label: `Admin`},
+              {href: "#component-code", label: `Fiscal period`},
+              {href: "#related-resources", label: `Related Resources`},
+            ]}
+          />
         </div>
         <div className="desktop:grid-col-9">
           <h1 className="font-sans-3xl">{node.title}</h1>
diff --git a/src/frontend/components/node--goal--card.tsx b/src/frontend/components/node--goal--card.tsx
index a2c86eed..726779bb 100644
--- a/src/frontend/components/node--goal--card.tsx
+++ b/src/frontend/components/node--goal--card.tsx
@@ -12,9 +12,11 @@ export function NodeGoalCard({ goal, ...props }: NodeGoalCardProps) {
       <div className="usa-card__header">
         <h4 className="usa-card__heading">{truncateString(title, 30)}</h4>
       </div>
-      <div className="usa-card__body">
-        <div dangerouslySetInnerHTML={{__html: truncateString(body?.value, 60)}} />
-      </div>
+      {body?.value &&
+        <div className="usa-card__body">
+          <div dangerouslySetInnerHTML={{__html: truncateString(body?.value, 60)}} />
+        </div>
+      }
       <div className="usa-card__footer">
         <a href={path} className="usa-button">
           Explore goal
diff --git a/src/frontend/components/node--goal.tsx b/src/frontend/components/node--goal.tsx
index dee79c0a..bfb03d6a 100644
--- a/src/frontend/components/node--goal.tsx
+++ b/src/frontend/components/node--goal.tsx
@@ -2,15 +2,16 @@ import { useState} from 'react';
 import { DrupalNode } from "next-drupal";
 import { USAInPageNav } from "./usa--in-page-nav";
 import { FieldGoalType } from "./field--goal-type";
-import { FieldLogo } from './field--logo';
 import { USABreadcrumb } from './usa--breadcrumb';
+import { FieldObjectives } from './field--objectives';
 
 interface NodeGoalProps {
   node: DrupalNode;
+  storageData: any;
 }
 
-export function NodeGoal({ node, ...props }: NodeGoalProps) {
-  const { title, field_topics, field_goal_type, field_plan } = node;
+export function NodeGoal({ node, storageData, ...props }: NodeGoalProps) {
+  const { title, field_topics, field_goal_type, field_plan, field_objectives } = node;
   const { field_agency } = field_plan;
   const [objectives, setObjectives] = useState([]);
   let goalTypeString = field_goal_type;
@@ -33,14 +34,15 @@ export function NodeGoal({ node, ...props }: NodeGoalProps) {
       
       <div className="grid-row">
         <div className="desktop:grid-col-3">
-          <USAInPageNav links={[
-            {href: "#about-goal", label: `About this ${field_agency.field_acronym} ${goalTypeString} goal`},
-            {href: "#what-is-goal", label: `What is a ${goalTypeString} goal?`},
-            {href: "#related-goals", label: "Related goals"}
-          ]} />
-          {field_agency.field_logo && (
-            <FieldLogo field_logo={field_agency.field_logo} />
-          )}
+          <USAInPageNav 
+            logo={field_agency.field_logo ? field_agency.field_logo : null}
+            logoAbove={false}
+            links={[
+              {href: "#about-goal", label: `About this ${field_agency.field_acronym} ${goalTypeString} goal`},
+              {href: "#what-is-goal", label: `What is a ${goalTypeString} goal?`},
+              {href: "#related-goals", label: "Related goals"}
+            ]}
+          />
         </div>
         <div className="desktop:grid-col-9">
           <h1 className="font-sans-2xl">{title}</h1>
@@ -54,14 +56,8 @@ export function NodeGoal({ node, ...props }: NodeGoalProps) {
                 className="font-body-md"
               />
             )}
-            <p>Strategic plan: link to strategic plan</p>
-            <h2 className="font-sans-2xl" id="related-resources">
-              Objectives
-            </h2>
-            <ol>
-              <li>objective1</li>
-              <li>objective2</li>
-            </ol>
+            <p><span className="text-bold">Strategic plan:</span> {field_plan.title}</p>
+            <FieldObjectives fieldObjectives={storageData.objectives} />
             {field_topics.length > 0 && (
               <ul className="add-list-reset grid-row">
                 {field_topics.map((topic) => (
diff --git a/src/frontend/components/usa--breadcrumb.tsx b/src/frontend/components/usa--breadcrumb.tsx
index 291f1573..8282a6b8 100644
--- a/src/frontend/components/usa--breadcrumb.tsx
+++ b/src/frontend/components/usa--breadcrumb.tsx
@@ -1,28 +1,23 @@
-import { usePathname } from "next/navigation";
+import { Breadcrumb, BreadcrumbBar, BreadcrumbLink } from "@trussworks/react-uswds";
 
 export function USABreadcrumb({activeItem, links}) {
-  console.log(links)
   return (
-    <nav className="usa-breadcrumb" aria-label="Breadcrumbs,,">
-      <ol className="usa-breadcrumb__list">
-        <li className="usa-breadcrumb__list-item">
-          <a href="/" className="usa-breadcrumb__link">
-            <span>Home</span>
-          </a>
-        </li>
-        {links.map((link) => (
-          <li key={link.href} className="usa-breadcrumb__list-item">
-            <a href={link.href} className="usa-breadcrumb__link">
-              <span>{link.label}</span>
-            </a>
-          </li>
-        ))}
-        <li className="usa-breadcrumb__list-item usa-current" aria-current="page">
-          <span>
-            {activeItem}
-          </span>
-        </li>
-      </ol>
-    </nav>
+    <BreadcrumbBar>
+      <Breadcrumb>
+        <BreadcrumbLink href="/">
+          <span>Home</span>
+        </BreadcrumbLink>
+      </Breadcrumb>
+      {links.map((link) => (
+        <Breadcrumb key={link.href}>
+          <BreadcrumbLink href={link.href}>
+            <span>{link.label}</span>
+          </BreadcrumbLink>
+        </Breadcrumb>
+      ))}
+      <Breadcrumb current>
+        <span>{activeItem}</span>
+      </Breadcrumb>
+    </BreadcrumbBar>
   );
 }
diff --git a/src/frontend/components/usa--in-page-nav.tsx b/src/frontend/components/usa--in-page-nav.tsx
index f8b901cd..61193036 100644
--- a/src/frontend/components/usa--in-page-nav.tsx
+++ b/src/frontend/components/usa--in-page-nav.tsx
@@ -1,9 +1,9 @@
 import * as React from "react";
+import { FieldLogo } from './field--logo';
 
-export function USAInPageNav({links}) {
-  
-
+// TODO: Add scrollTo code for long pages when using in page navigation.
 
+export function USAInPageNav({links, logo, logoAbove = true}) {
   return (
     <aside
       className="usa-in-page-nav"
@@ -13,10 +13,14 @@ export function USAInPageNav({links}) {
       data-threshold="1"
       data-heading-elements=""
     >
+      {(logo && logoAbove) && (
+        <FieldLogo field_logo={logo} />
+      )}
       <nav aria-label="On this page" className="usa-in-page-nav__nav">
         <h4 className="usa-in-page-nav__heading" tabIndex={0}>
           On this page
         </h4>
+        
         <ul className="usa-in-page-nav__list">
           {links.map((link) => (
             <li key={link.href} className="usa-in-page-nav__item usa-in-page-nav__item--primary">
@@ -30,6 +34,9 @@ export function USAInPageNav({links}) {
           ))}
         </ul>
       </nav>
+      {(logo && !logoAbove) && (
+        <FieldLogo field_logo={logo} />
+      )}
     </aside>
   );
 }
diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index 33a9aa34..f116c6e2 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -11,6 +11,7 @@
       "dependencies": {
         "@trussworks/react-uswds": "^9.1.0",
         "@uswds/uswds": "3.7.1",
+        "drupal-jsonapi-params": "^2.3.2",
         "focus-trap-react": "^10.3.1",
         "next": "^14.2.2",
         "next-drupal": "^2.0.0-beta.0",
@@ -2329,6 +2330,14 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/drupal-jsonapi-params": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/drupal-jsonapi-params/-/drupal-jsonapi-params-2.3.2.tgz",
+      "integrity": "sha512-2flOOPT8E8IhxzD4dW8tDToOkzTEzsfbY8k4Nbu11JshRdaJl1jL2lmbB7QLZuMnG77HhjXjEgF8Rw7j/5yB5g==",
+      "dependencies": {
+        "qs": "^6.10.3"
+      }
+    },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
diff --git a/src/frontend/package.json b/src/frontend/package.json
index fe4f0902..fb24b067 100644
--- a/src/frontend/package.json
+++ b/src/frontend/package.json
@@ -16,6 +16,7 @@
   "dependencies": {
     "@trussworks/react-uswds": "^9.1.0",
     "@uswds/uswds": "3.7.1",
+    "drupal-jsonapi-params": "^2.3.2",
     "focus-trap-react": "^10.3.1",
     "next": "^14.2.2",
     "next-drupal": "^2.0.0-beta.0",
diff --git a/src/frontend/pages/[...slug].tsx b/src/frontend/pages/[...slug].tsx
index 067c62ba..dc3c4575 100644
--- a/src/frontend/pages/[...slug].tsx
+++ b/src/frontend/pages/[...slug].tsx
@@ -1,23 +1,24 @@
 import { useEffect } from "react";
 import { GetStaticPathsResult, GetStaticPropsResult } from "next";
+import { DrupalJsonApiParams } from "drupal-jsonapi-params";
 import Head from "next/head";
 import { DrupalNode } from "next-drupal";
-
 import { drupal } from "lib/drupal";
 import { NodeArticle } from "components/node--article";
 import { NodeBasicPage } from "components/node--basic-page";
 import { NodeAgency } from "../components/node--agency";
 import { NodeGoal } from "components/node--goal";
 import { Layout } from "components/layout";
-import { USABreadcrumb } from "components/usa--breadcrumb";
+import { nodeQueries } from "./api/node-queries";
 
 const RESOURCE_TYPES = ["node--page", "node--article", "node--agency", "node--goal"];
 
 interface NodePageProps {
   resource: DrupalNode;
+  storageData: any;
 }
 
-export default function NodePage({ resource }: NodePageProps) {
+export default function NodePage({ resource, storageData }: NodePageProps) {
   if (!resource) return null;
 
   return (
@@ -29,7 +30,7 @@ export default function NodePage({ resource }: NodePageProps) {
       {resource.type === "node--page" && <NodeBasicPage node={resource} />}
       {resource.type === "node--article" && <NodeArticle node={resource} />}
       {resource.type === "node--agency" && <NodeAgency node={resource} />}
-      {resource.type === "node--goal" && <NodeGoal node={resource} />}
+      {resource.type === "node--goal" && <NodeGoal node={resource} storageData={storageData} />}
     </Layout>
   );
 }
@@ -45,7 +46,7 @@ export async function getStaticProps(
   context,
 ): Promise<GetStaticPropsResult<NodePageProps>> {
   const path = await drupal.translatePathFromContext(context);
-
+  
   if (!path) {
     return {
       notFound: true,
@@ -53,49 +54,73 @@ export async function getStaticProps(
   }
 
   const type = path.jsonapi.resourceName;
-
-  let params = {};
+  const params = new DrupalJsonApiParams();
+  
+  
+  // ?include=field_topics%2Cfield_objectives%2Cfield_objectives.field_indicators%2Cfield_objectives.field_indicators.field_measurements%2Cfield_plan%2Cfield_plan.field_agency%2Cfield_plan.field_agency.field_logo%2Cfield_plan.field_agency.field_logo.field_media_image&fields%5Bnode--plan%5D=field_agency&fields%5Bnode--objective%5D=title%2Cbody%2Cfield_indicators&fields%5Bstorage--indicator%5D=name
+  
   if (type === "node--article") {
-    params = {
-      include: "field_image,uid",
-    };
+    params.addInclude(["field_image, uid"]);
   } else if (type === "node--agency") {
-    params = {
-      include: "field_logo.field_media_image,field_topics",
-    };
+    params.addInclude(["field_logo.field_media_image"]);//missing field topics
   } else if (type === "node--goal") {
-  params = {
-    include: "field_plan, field_topics, field_plan.field_agency, field_plan.field_agency.field_logo.field_media_image",
-  };
-}
-
-  const resource = await drupal.getResourceFromContext<DrupalNode>(
-    path,
-    context,
-    {
-      params,
-    },
-  );
-
-  // At this point, we know the path exists and it points to a resource.
-  // If we receive an error, it means something went wrong on Drupal.
-  // We throw an error to tell revalidation to skip this for now.
-  // Revalidation can try again on next request.
-  if (!resource) {
-    throw new Error(`Failed to fetch resource: ${path.jsonapi.individual}`);
+    params.addInclude([
+      "field_topics",
+      "field_objectives",
+      // Can't pull storage entities via JS module.
+      // "field_objectives.field_indicators",
+      // "field_objectives.field_indicators.field_measurements",
+      "field_plan",
+      "field_plan.field_agency",
+      "field_plan.field_agency.field_logo",
+      "field_plan.field_agency.field_logo.field_media_image"
+    ]);
+    params.addFields("node--plan", ["field_agency", "title"]);
+    params.addFields("node--objective", ["title", "body", "field_indicators"]);
+    // params.addFields("storage--indicator", ["name, id, field_measurements"]);
   }
 
-  // If we're not in preview mode and the resource is not published,
-  // Return page not found.
-  if (!context.preview && resource?.status === false) {
+  // if (type !== "node--goal") {
+    const resource = await drupal.getResourceFromContext<DrupalNode>(
+      path,
+      context,
+      {
+        params: params.getQueryObject(),
+      },
+    );
+  
+    // At this point, we know the path exists and it points to a resource.
+    // If we receive an error, it means something went wrong on Drupal.
+    // We throw an error to tell revalidation to skip this for now.
+    // Revalidation can try again on next request.
+    if (!resource) {
+      throw new Error(`Failed to fetch resource: ${path.jsonapi.individual}`);
+    }
+  
+    // If we're not in preview mode and the resource is not published,
+    // Return page not found.
+    if (!context.preview && resource?.status === false) {
+      return {
+        notFound: true,
+      };
+    }
+    let storageData = {};
+    if (type === "node--goal") {
+      const graphqlUrl = drupal.buildUrl("/graphql");
+      const response = await drupal.fetch(graphqlUrl.toString(), {
+        method: "POST",
+        withAuth: true, // Make authenticated requests using OAuth.
+        body: JSON.stringify({
+          query: nodeQueries.nodeGoal(path?.entity?.path),
+        }),
+      });
+      const { data } = await response.json();
+      storageData = data?.route.entity;
+    }
     return {
-      notFound: true,
+      props: {
+        resource,
+        storageData,
+      },
     };
-  }
-
-  return {
-    props: {
-      resource,
-    },
-  };
 }
diff --git a/src/frontend/pages/api/node-queries.ts b/src/frontend/pages/api/node-queries.ts
new file mode 100644
index 00000000..ecc3b6be
--- /dev/null
+++ b/src/frontend/pages/api/node-queries.ts
@@ -0,0 +1,51 @@
+export const nodeQueries = {
+  nodeGoal: (path: string) => (
+    `query NodeGoalQuery {
+      route(path: "${path}") {
+        ... on RouteInternal {
+          entity {
+            __typename
+            ... on NodeGoal {
+              objectives {
+                ... on NodeObjective {
+                  id
+                  title
+                  indicators {
+                    ... on StorageIndicator {
+                      id
+                      name
+                      measurements {
+                        ... on StorageMeasurement {
+                          id
+                          name
+                          targetValue
+                          value
+                          status
+                          period {
+                            ... on StoragePeriod {
+                              id
+                              name
+                              duration
+                              dateRange {
+                                end {
+                                  time
+                                }
+                                start {
+                                  time
+                                }
+                              }
+                            }
+                          }
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }`
+  ),
+}
diff --git a/src/frontend/pages/goals.tsx b/src/frontend/pages/goals.tsx
deleted file mode 100644
index 96ec9f08..00000000
--- a/src/frontend/pages/goals.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import { useState } from 'react';
-import Head from "next/head";
-import { GetStaticPropsResult } from "next";
-import { DrupalNode } from "next-drupal";
-import { Tag } from '@trussworks/react-uswds';
-import { drupal } from "lib/drupal";
-import { Layout } from "components/layout";
-import { NodeArticleTeaser } from "components/node--article--teaser";
-import GoalsSearchView from "../components/view--goal-search";
-
-interface IndexPageProps {
-  nodes: DrupalNode[];
-  goals: []
-}
-
-
-//   goalsGraphql1(filter: {Topics: "Domestic health"}) {
-
-//   }
-
-export const getStaticProps = async () => {
-  const graphqlUrl = drupal.buildUrl("/graphql");
-  console.log('iogjigj')
-//   // Fetch the first 50 agencies
-  const response = await drupal.fetch(graphqlUrl.toString(), {
-    method: "POST",
-    withAuth: true, // Make authenticated requests using OAuth.
-    body: JSON.stringify({
-      query: `query GoalsQuery {
-        goalsGraphql1(filter: {}) {
-          results {
-            ... on NodeGoal {
-              id
-              title
-              body {
-                value
-              }
-              path
-            }
-          }
-          filters {
-            value
-            options
-          }
-        }
-    }`,
-      }),
-  });
-
-  const { data } = await response.json();
-  
-  return {
-    props: {
-      goals: data?.goalsGraphql1?.results ?? [],
-      filters: data?.goalsGraphql1?.filters ?? [],
-    },
-  };
-};
-
-function truncateString(yourString, maxLength) {
-  // get the index of space after maxLength
-  const index = yourString.indexOf(" ", maxLength);
-  return index === -1 ? yourString : yourString.substring(0, index) + "..."
-}
-
-export default function GoalsPage({ filters, goals }: IndexPageProps) {
-  
-  const [fulltext, setFulltext] = useState(filters[0].value)
-  const [facets, setFacets] = useState(filters[1].options)
-
-  
-  return (
-    <Layout>
-      <div className="grid-container">
-        <h1 className="font-heading-3xl">Track the U.S. Government's goals</h1>
-        <div role="search">
-          <label className="usa-sr-only" htmlFor="query-goals">Search topics</label>
-          <input id="query-goals" className="usa-input" name="query" type="search" />
-          <button className="goal-search__button usa-button margin-top-0" type="button" name="commit">
-            Search goals
-          </button>
-        </div>
-        <ul className="add-list-reset grid-row flex-justify-center">
-          {Object.keys(facets).length ? (
-            Object.keys(facets).map((topic) => (
-              <li
-                className="margin-05 "
-                key={topic.replace( /\s/g, '')}
-              >
-                <Tag className="text-ink border-ink border-2px" background="#ffffff">{topic}</Tag>
-              </li>
-            ))
-          ) : (
-            <p className="">No facets found</p>
-          )}
-        </ul>
-        <ul className="usa-card-group">
-          {goals?.length ? (
-            goals.map((goal) => (
-              <li
-                key={goal.path}
-                className="usa-card tablet-lg:grid-col-6 desktop:grid-col-4"
-              >
-                <div className="usa-card__container radius-0" >
-                  <div className="usa-card__header">
-                    <h4 className="usa-card__heading">{truncateString(goal.title, 30)}</h4>
-                  </div>
-                  <div className="usa-card__body">
-                    <div dangerouslySetInnerHTML={{__html: truncateString(goal?.body?.value, 60)}} />
-                  </div>
-                  <div className="usa-card__footer">
-                    <a href={goal.path} className="usa-button">
-                      Explore goal
-                    </a>
-                  </div>
-                </div>
-              </li>
-            ))
-          ) : (
-            <p className="">No agencies found</p>
-          )}
-        </ul>
-      </div>
-    </Layout>
-  );
-}
diff --git a/src/frontend/pages/index.tsx b/src/frontend/pages/index.tsx
index dab61a9b..2e55919a 100644
--- a/src/frontend/pages/index.tsx
+++ b/src/frontend/pages/index.tsx
@@ -1,3 +1,4 @@
+import { useEffect } from "react";
 import Head from "next/head";
 import { drupal } from "lib/drupal";
 import { Layout } from "components/layout";
@@ -25,6 +26,7 @@ export const getStaticProps = async () => {
           }
           filters {
             options
+            value
           }
           description
           results {
@@ -35,13 +37,7 @@ export const getStaticProps = async () => {
               body {
                 value
               }
-              agencies {
-                ... on NodeAgency {
-                  id
-                  title
-                  path
-                }
-              }
+              
               topics {
                 ... on TermTopic {
                   id
@@ -55,6 +51,14 @@ export const getStaticProps = async () => {
     }),
   });
 
+  // agencies {
+  //   ... on NodeAgency {
+  //     id
+  //     title
+  //     path
+  //   }
+  // }
+
   const { data } = await response.json();
   
   return {
@@ -68,6 +72,25 @@ export const getStaticProps = async () => {
 };
 
 export default function IndexPage(props: IndexPageProps) {
+  // useEffect(() => {
+  //   async function fetchjsonapi() {
+  //     const url = "https://performance.ddev.site/jsonapi/storage/indicator"
+  //     try {
+  //       const response = await fetch(url);
+  //       if (!response.ok) {
+  //         throw new Error(`Response status: ${response.status}`);
+  //       }
+    
+  //       const json = await response.json();
+  //       console.log(json);
+  //     } catch (error) {
+  //       console.error(error.message);
+  //     }
+  //   }
+  //   fetchjsonapi()
+  // }, [])
+
+
   return (
     <Layout>
       <Head>
diff --git a/src/frontend/public/uswds/img/usa-icons/accessibility_new.svg b/src/frontend/public/uswds/img/usa-icons/accessibility_new.svg
new file mode 100644
index 00000000..1ced1d17
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/accessibility_new.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.5 6c-2.61.7-5.67 1-8.5 1s-5.89-.3-8.5-1L3 8c1.86.5 4 .83 6 1v13h2v-6h2v6h2V9c2-.17 4.14-.5 6-1l-.5-2zM12 6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/accessible_forward.svg b/src/frontend/public/uswds/img/usa-icons/accessible_forward.svg
new file mode 100644
index 00000000..afb06904
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/accessible_forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="17" cy="4.54" r="2"/><path d="M14 17h-2c0 1.65-1.35 3-3 3s-3-1.35-3-3 1.35-3 3-3v-2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5zm3-3.5h-1.86l1.67-3.67C17.42 8.5 16.44 7 14.96 7h-5.2c-.81 0-1.54.47-1.87 1.2L7.22 10l1.92.53L9.79 9H12l-1.83 4.1c-.6 1.33.39 2.9 1.85 2.9H17v5h2v-5.5c0-1.1-.9-2-2-2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/account_balance.svg b/src/frontend/public/uswds/img/usa-icons/account_balance.svg
new file mode 100644
index 00000000..923f730e
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/account_balance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 10h3v7H4zm6.5 0h3v7h-3zM2 19h20v3H2zm15-9h3v7h-3zm-5-9L2 6v2h20V6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/account_box.svg b/src/frontend/public/uswds/img/usa-icons/account_box.svg
new file mode 100644
index 00000000..e74d64cd
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/account_box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm7 13H5v-.23c0-.62.28-1.2.76-1.58C7.47 15.82 9.64 15 12 15s4.53.82 6.24 2.19c.48.38.76.97.76 1.58V19z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/account_circle.svg b/src/frontend/public/uswds/img/usa-icons/account_circle.svg
new file mode 100644
index 00000000..7ba7670c
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/account_circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88a9.947 9.947 0 0 1 12.28 0C16.43 19.18 14.03 20 12 20z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/add.svg b/src/frontend/public/uswds/img/usa-icons/add.svg
new file mode 100644
index 00000000..58f73e96
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/add_circle.svg b/src/frontend/public/uswds/img/usa-icons/add_circle.svg
new file mode 100644
index 00000000..60aaa956
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/add_circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/add_circle_outline.svg b/src/frontend/public/uswds/img/usa-icons/add_circle_outline.svg
new file mode 100644
index 00000000..55c6b1bb
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/add_circle_outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/alarm.svg b/src/frontend/public/uswds/img/usa-icons/alarm.svg
new file mode 100644
index 00000000..ec1cfbdb
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/alarm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m22 5.72-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39 6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12.5 8H11v6l4.75 2.85.75-1.23-4-2.37V8zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9a9 9 0 0 0 0-18zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/alternate_email.svg b/src/frontend/public/uswds/img/usa-icons/alternate_email.svg
new file mode 100644
index 00000000..d66771bc
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/alternate_email.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10h5v-2h-5c-4.34 0-8-3.66-8-8s3.66-8 8-8 8 3.66 8 8v1.43c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57V12c0-2.76-2.24-5-5-5s-5 2.24-5 5 2.24 5 5 5c1.38 0 2.64-.56 3.54-1.47.65.89 1.77 1.47 2.96 1.47 1.97 0 3.5-1.6 3.5-3.57V12c0-5.52-4.48-10-10-10zm0 13c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/announcement.svg b/src/frontend/public/uswds/img/usa-icons/announcement.svg
new file mode 100644
index 00000000..fd7463c3
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/announcement.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 9h-2V5h2v6zm0 4h-2v-2h2v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/api.svg b/src/frontend/public/uswds/img/usa-icons/api.svg
new file mode 100644
index 00000000..7f64c43b
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/api.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m14 12-2 2-2-2 2-2 2 2zm-2-6 2.12 2.12 2.5-2.5L12 1 7.38 5.62l2.5 2.5L12 6zm-6 6 2.12-2.12-2.5-2.5L1 12l4.62 4.62 2.5-2.5L6 12zm12 0-2.12 2.12 2.5 2.5L23 12l-4.62-4.62-2.5 2.5L18 12zm-6 6-2.12-2.12-2.5 2.5L12 23l4.62-4.62-2.5-2.5L12 18z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/arrow_back.svg b/src/frontend/public/uswds/img/usa-icons/arrow_back.svg
new file mode 100644
index 00000000..00d44bf5
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/arrow_back.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/arrow_downward.svg b/src/frontend/public/uswds/img/usa-icons/arrow_downward.svg
new file mode 100644
index 00000000..b6f2de90
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/arrow_downward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/arrow_drop_down.svg b/src/frontend/public/uswds/img/usa-icons/arrow_drop_down.svg
new file mode 100644
index 00000000..1c2f14ee
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/arrow_drop_down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m7 10 5 5 5-5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/arrow_drop_up.svg b/src/frontend/public/uswds/img/usa-icons/arrow_drop_up.svg
new file mode 100644
index 00000000..32782e6a
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/arrow_drop_up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m7 14 5-5 5 5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/arrow_forward.svg b/src/frontend/public/uswds/img/usa-icons/arrow_forward.svg
new file mode 100644
index 00000000..453d0c7f
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/arrow_forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/arrow_upward.svg b/src/frontend/public/uswds/img/usa-icons/arrow_upward.svg
new file mode 100644
index 00000000..b84aab84
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/arrow_upward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/assessment.svg b/src/frontend/public/uswds/img/usa-icons/assessment.svg
new file mode 100644
index 00000000..cc7768b7
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/assessment.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/attach_file.svg b/src/frontend/public/uswds/img/usa-icons/attach_file.svg
new file mode 100644
index 00000000..73eac8a5
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/attach_file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 0 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 0 0 5 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/attach_money.svg b/src/frontend/public/uswds/img/usa-icons/attach_money.svg
new file mode 100644
index 00000000..76e3e179
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/attach_money.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/autorenew.svg b/src/frontend/public/uswds/img/usa-icons/autorenew.svg
new file mode 100644
index 00000000..14945778
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/autorenew.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8A5.87 5.87 0 0 1 6 12c0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/backpack.svg b/src/frontend/public/uswds/img/usa-icons/backpack.svg
new file mode 100644
index 00000000..1f7260cc
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/backpack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 8v12c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V8c0-1.86 1.28-3.41 3-3.86V2h3v2h4V2h3v2.14c1.72.45 3 2 3 3.86zM6 12v2h10v2h2v-4H6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/bathtub.svg b/src/frontend/public/uswds/img/usa-icons/bathtub.svg
new file mode 100644
index 00000000..4ca3908b
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/bathtub.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="7" cy="7" r="2"/><path d="M20 13V4.83C20 3.27 18.73 2 17.17 2c-.75 0-1.47.3-2 .83l-1.25 1.25c-.16-.05-.33-.08-.51-.08-.4 0-.77.12-1.08.32l2.76 2.76c.2-.31.32-.68.32-1.08 0-.18-.03-.34-.07-.51l1.25-1.25a.828.828 0 0 1 1.41.59V13h-6.85c-.3-.21-.57-.45-.82-.72l-1.4-1.55c-.19-.21-.43-.38-.69-.5A2.251 2.251 0 0 0 5 12.25V13H2v6c0 1.1.9 2 2 2 0 .55.45 1 1 1h14c.55 0 1-.45 1-1 1.1 0 2-.9 2-2v-6h-2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/bedding.svg b/src/frontend/public/uswds/img/usa-icons/bedding.svg
new file mode 100644
index 00000000..fdf4afd9
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/bedding.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M17 10.13a33.86 33.86 0 0 1-10 0 1.92 1.92 0 0 1-1.51-1.46 10.42 10.42 0 0 1 0-4.84 1.92 1.92 0 0 1 1.57-1.46 33.86 33.86 0 0 1 10 0 1.9 1.9 0 0 1 1.56 1.46 10.16 10.16 0 0 1 0 4.84A1.9 1.9 0 0 1 17 10.13Zm4 12.12H7a5.25 5.25 0 0 1 0-10.5h10a3.25 3.25 0 0 1 0 6.5H7a1.25 1.25 0 0 1 0-2.5h10a.75.75 0 0 0 0-1.5H7a2.75 2.75 0 0 0 0 5.5h14a1.25 1.25 0 0 1 0 2.5Z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/bookmark.svg b/src/frontend/public/uswds/img/usa-icons/bookmark.svg
new file mode 100644
index 00000000..1d507a69
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/bookmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/bug_report.svg b/src/frontend/public/uswds/img/usa-icons/bug_report.svg
new file mode 100644
index 00000000..daa8b32c
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/bug_report.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 8h-2.81a5.985 5.985 0 0 0-1.82-1.96L17 4.41 15.59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5c-.49 0-.96.06-1.41.17L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8zm-6 8h-4v-2h4v2zm0-4h-4v-2h4v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/build.svg b/src/frontend/public/uswds/img/usa-icons/build.svg
new file mode 100644
index 00000000..26ead66e
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/build.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m22.7 19-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/calendar_today.svg b/src/frontend/public/uswds/img/usa-icons/calendar_today.svg
new file mode 100644
index 00000000..9c40555f
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/calendar_today.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/campaign.svg b/src/frontend/public/uswds/img/usa-icons/campaign.svg
new file mode 100644
index 00000000..55433789
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/campaign.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 11v2h4v-2h-4zm-2 6.61c.96.71 2.21 1.65 3.2 2.39.4-.53.8-1.07 1.2-1.6-.99-.74-2.24-1.68-3.2-2.4-.4.54-.8 1.08-1.2 1.61zM20.4 5.6c-.4-.53-.8-1.07-1.2-1.6-.99.74-2.24 1.68-3.2 2.4.4.53.8 1.07 1.2 1.6.96-.72 2.21-1.65 3.2-2.4zM4 9c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h1v4h2v-4h1l5 3V6L8 9H4zm11.5 3c0-1.33-.58-2.53-1.5-3.35v6.69c.92-.81 1.5-2.01 1.5-3.34z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/camping.svg b/src/frontend/public/uswds/img/usa-icons/camping.svg
new file mode 100644
index 00000000..045864c6
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/camping.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="m12 5 8 13h2v2H2v-2h2l8-13zm.05 8-2.69 5h5.38l-2.69-5zM5.5 3l-.018.024A2.5 2.5 0 0 0 7.498 7 2.5 2.5 0 1 1 5.5 3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/cancel.svg b/src/frontend/public/uswds/img/usa-icons/cancel.svg
new file mode 100644
index 00000000..d6e55da9
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/chat.svg b/src/frontend/public/uswds/img/usa-icons/chat.svg
new file mode 100644
index 00000000..1c68f727
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/chat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/check.svg b/src/frontend/public/uswds/img/usa-icons/check.svg
new file mode 100644
index 00000000..8676ca39
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/check_box_outline_blank.svg b/src/frontend/public/uswds/img/usa-icons/check_box_outline_blank.svg
new file mode 100644
index 00000000..03aea598
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/check_box_outline_blank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/check_circle.svg b/src/frontend/public/uswds/img/usa-icons/check_circle.svg
new file mode 100644
index 00000000..1775c862
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/check_circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/check_circle_outline.svg b/src/frontend/public/uswds/img/usa-icons/check_circle_outline.svg
new file mode 100644
index 00000000..5621f73d
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/check_circle_outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/checkroom.svg b/src/frontend/public/uswds/img/usa-icons/checkroom.svg
new file mode 100644
index 00000000..915d3669
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/checkroom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21.6 18.2 13 11.75v-.91a3.496 3.496 0 0 0-.18-6.75A3.51 3.51 0 0 0 8.5 7.5h2c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5c0 .84-.69 1.52-1.53 1.5-.54-.01-.97.45-.97.99v1.76L2.4 18.2c-.77.58-.36 1.8.6 1.8h18c.96 0 1.37-1.22.6-1.8zM6 18l6-4.5 6 4.5H6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/chevron_left.svg b/src/frontend/public/uswds/img/usa-icons/chevron_left.svg
new file mode 100644
index 00000000..44007bd8
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/chevron_left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/chevron_right.svg b/src/frontend/public/uswds/img/usa-icons/chevron_right.svg
new file mode 100644
index 00000000..e5228d37
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/chevron_right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/clean_hands.svg b/src/frontend/public/uswds/img/usa-icons/clean_hands.svg
new file mode 100644
index 00000000..5e03fa56
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/clean_hands.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m16.99 5 .63 1.37 1.37.63-1.37.63L16.99 9l-.63-1.37L14.99 7l1.37-.63.63-1.37M11 6.13V4h2c.57 0 1.1.17 1.55.45l1.43-1.43A4.899 4.899 0 0 0 13 2H7.5v2H9v2.14A5.007 5.007 0 0 0 5.26 9.5h3.98L15 11.65v-.62a5 5 0 0 0-4-4.9zM1 22h4V11H1v11zm19-5h-7l-2.09-.73.33-.94L13 16h2.82c.65 0 1.18-.53 1.18-1.18 0-.49-.31-.93-.77-1.11L8.97 11H7v9.02L14 22l8-3c-.01-1.1-.89-2-2-2zm0-3c1.1 0 2-.9 2-2s-2-4-2-4-2 2.9-2 4 .9 2 2 2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/close.svg b/src/frontend/public/uswds/img/usa-icons/close.svg
new file mode 100644
index 00000000..c3f7c2fd
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/closed_caption.svg b/src/frontend/public/uswds/img/usa-icons/closed_caption.svg
new file mode 100644
index 00000000..1c59819b
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/closed_caption.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-8 7H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/clothes.svg b/src/frontend/public/uswds/img/usa-icons/clothes.svg
new file mode 100644
index 00000000..949304f3
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/clothes.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M15.7 2.37 15 2.3V4a3 3 0 0 1-6 0V2.3l-.7.07a7 7 0 0 0-6.3 7V20h3V10h1.5v12h11V10H19v10h3V9.33a7 7 0 0 0-6.3-6.96Z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/cloud.svg b/src/frontend/public/uswds/img/usa-icons/cloud.svg
new file mode 100644
index 00000000..a055f2c8
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/cloud.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/code.svg b/src/frontend/public/uswds/img/usa-icons/code.svg
new file mode 100644
index 00000000..01454236
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/code.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/comment.svg b/src/frontend/public/uswds/img/usa-icons/comment.svg
new file mode 100644
index 00000000..db645e88
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/comment.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/connect_without_contact.svg b/src/frontend/public/uswds/img/usa-icons/connect_without_contact.svg
new file mode 100644
index 00000000..a7a34dc0
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/connect_without_contact.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 14H9a9 9 0 0 1 9-9v2c-3.87 0-7 3.13-7 7zm7-3V9c-2.76 0-5 2.24-5 5h2c0-1.66 1.34-3 3-3zM7 4c0-1.11-.89-2-2-2s-2 .89-2 2 .89 2 2 2 2-.89 2-2zm4.45.5h-2A2.99 2.99 0 0 1 6.5 7h-3C2.67 7 2 7.67 2 8.5V11h6V8.74a4.97 4.97 0 0 0 3.45-4.24zM19 17c1.11 0 2-.89 2-2s-.89-2-2-2-2 .89-2 2 .89 2 2 2zm1.5 1h-3a2.99 2.99 0 0 1-2.95-2.5h-2A4.97 4.97 0 0 0 16 19.74V22h6v-2.5c0-.83-.67-1.5-1.5-1.5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/construction.svg b/src/frontend/public/uswds/img/usa-icons/construction.svg
new file mode 100644
index 00000000..d33beb08
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/construction.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m13.783 15.172 2.121-2.121 5.996 5.996-2.121 2.121zM17.5 10c1.93 0 3.5-1.57 3.5-3.5 0-.58-.16-1.12-.41-1.6l-2.7 2.7-1.49-1.49 2.7-2.7c-.48-.25-1.02-.41-1.6-.41C15.57 3 14 4.57 14 6.5c0 .41.08.8.21 1.16l-1.85 1.85-1.78-1.78.71-.71-1.41-1.41L12 3.49a3 3 0 0 0-4.24 0L4.22 7.03l1.41 1.41H2.81l-.71.71 3.54 3.54.71-.71V9.15l1.41 1.41.71-.71 1.78 1.78-7.41 7.41 2.12 2.12L16.34 9.79c.36.13.75.21 1.16.21z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/construction_worker.svg b/src/frontend/public/uswds/img/usa-icons/construction_worker.svg
new file mode 100644
index 00000000..0946228c
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/construction_worker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><circle cx="10.5" cy="4.5" r="1.5"/><path d="M19.59 16h-1.27l-.64.71h-1.27L15.14 21h1.27l.64-.71h1.9l.64.71h1.27l-1.27-5zm-5.21-3.28L14 14.19l-3.8-1.26-.1-.16.52-3.13c.93 1.37 2.15 2.11 4.6 2.11v-1.5c-2.44 0-3.09-.77-3.9-2.39a2.65 2.65 0 0 0-3-1.59L3.75 7.41v3.38l-1.51-.5-.48 1.42 4.35 1.45L5 20.86l2 .28 1-7.34.38.13L10 16.3V21h2v-5.3l-.49-.7 2 .67-.37 1.27 1.91.57 1.24-4.19Zm-9.13-1.43v-2.7l1.57-.4-.49 3.46Z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/contact_page.svg b/src/frontend/public/uswds/img/usa-icons/contact_page.svg
new file mode 100644
index 00000000..2f2a807e
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/contact_page.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-2 8c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm4 8H8v-.57c0-.81.48-1.53 1.22-1.85a6.95 6.95 0 0 1 5.56 0A2.01 2.01 0 0 1 16 17.43V18z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/content_copy.svg b/src/frontend/public/uswds/img/usa-icons/content_copy.svg
new file mode 100644
index 00000000..7c6b60ae
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/content_copy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/coronavirus.svg b/src/frontend/public/uswds/img/usa-icons/coronavirus.svg
new file mode 100644
index 00000000..cbfb0d72
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/coronavirus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21.25 10.5c-.41 0-.75.34-.75.75h-1.54a6.978 6.978 0 0 0-1.52-3.65l1.09-1.09.01.01c.29.29.77.29 1.06 0s.29-.77 0-1.06L18.54 4.4a.754.754 0 0 0-1.06 0c-.29.29-.29.76-.01 1.05l-1.09 1.09a7.015 7.015 0 0 0-3.64-1.51V3.5h.01c.41 0 .75-.34.75-.75S13.16 2 12.75 2h-1.5c-.41 0-.75.34-.75.75s.33.74.74.75v1.55c-1.37.14-2.62.69-3.64 1.51L6.51 5.47l.01-.01c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0L4.4 5.46c-.29.29-.29.77 0 1.06.29.29.76.29 1.05.01l1.09 1.09a6.89 6.89 0 0 0-1.5 3.63H3.5c0-.41-.34-.75-.75-.75s-.75.34-.75.75v1.5c0 .41.34.75.75.75s.75-.34.75-.75h1.54c.15 1.37.69 2.61 1.5 3.63l-1.09 1.09a.742.742 0 0 0-1.05.01c-.29.29-.29.77 0 1.06l1.06 1.06c.29.29.77.29 1.06 0 .29-.29.29-.77 0-1.06l-.01-.01 1.09-1.09c1.02.82 2.26 1.36 3.63 1.51v1.55c-.41.01-.74.34-.74.75s.34.75.75.75h1.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75h-.01v-1.54c1.37-.14 2.62-.69 3.64-1.51l1.09 1.09c-.29.29-.28.76.01 1.05.29.29.77.29 1.06 0l1.06-1.06c.29-.29.29-.77 0-1.06a.754.754 0 0 0-1.06 0l-.01.01-1.09-1.09a7.025 7.025 0 0 0 1.52-3.65h1.54c0 .41.34.75.75.75s.75-.34.75-.75v-1.5c.01-.4-.33-.74-.74-.74zM13.75 8c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM12 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1.75-5c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM8.5 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm1.75 3c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm3.5 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm.75-4c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/credit_card.svg b/src/frontend/public/uswds/img/usa-icons/credit_card.svg
new file mode 100644
index 00000000..99afa681
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/credit_card.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/deck.svg b/src/frontend/public/uswds/img/usa-icons/deck.svg
new file mode 100644
index 00000000..7fe3137e
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/deck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 9 12 2 2 9h9v13h2V9z"/><path d="m4.14 12-1.96.37.82 4.37V22h2l.02-4H7v4h2v-6H4.9zm14.96 4H15v6h2v-4h1.98l.02 4h2v-5.26l.82-4.37-1.96-.37z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/delete.svg b/src/frontend/public/uswds/img/usa-icons/delete.svg
new file mode 100644
index 00000000..0969a4dc
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/delete.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/device_thermostat.svg b/src/frontend/public/uswds/img/usa-icons/device_thermostat.svg
new file mode 100644
index 00000000..f66abead
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/device_thermostat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4zm-4-8c0-.55.45-1 1-1s1 .45 1 1h-1v1h1v2h-1v1h1v2h-2V5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/directions.svg b/src/frontend/public/uswds/img/usa-icons/directions.svg
new file mode 100644
index 00000000..9ae0683a
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/directions.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m21.41 10.59-7.99-8c-.78-.78-2.05-.78-2.83 0l-8.01 8c-.78.78-.78 2.05 0 2.83l8.01 8c.78.78 2.05.78 2.83 0l7.99-8c.79-.79.79-2.05 0-2.83zM13.5 14.5V12H10v3H8v-4c0-.55.45-1 1-1h4.5V7.5L17 11l-3.5 3.5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/directions_bike.svg b/src/frontend/public/uswds/img/usa-icons/directions_bike.svg
new file mode 100644
index 00000000..a1a04a51
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/directions_bike.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM5 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5zm5.8-10 2.4-2.4.8.8c1.3 1.3 3 2.1 5.1 2.1V9c-1.5 0-2.7-.6-3.6-1.5l-1.9-1.9c-.5-.4-1-.6-1.6-.6s-1.1.2-1.4.6L7.8 8.4c-.4.4-.6.9-.6 1.4 0 .6.2 1.1.6 1.4L11 14v5h2v-6.2l-2.2-2.3zM19 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/directions_bus.svg b/src/frontend/public/uswds/img/usa-icons/directions_bus.svg
new file mode 100644
index 00000000..ade3c4d2
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/directions_bus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 16c0 .88.39 1.67 1 2.22V20c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h8v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1.78c.61-.55 1-1.34 1-2.22V6c0-3.5-3.58-4-8-4s-8 .5-8 4v10zm3.5 1c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm9 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6H6V6h12v5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/directions_car.svg b/src/frontend/public/uswds/img/usa-icons/directions_car.svg
new file mode 100644
index 00000000..7cd866cf
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/directions_car.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/directions_walk.svg b/src/frontend/public/uswds/img/usa-icons/directions_walk.svg
new file mode 100644
index 00000000..aef2e9e2
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/directions_walk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.8 8.9 7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/do_not_disturb.svg b/src/frontend/public/uswds/img/usa-icons/do_not_disturb.svg
new file mode 100644
index 00000000..a6dd08d4
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/do_not_disturb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8 0-1.85.63-3.55 1.69-4.9L16.9 18.31A7.902 7.902 0 0 1 12 20zm6.31-3.1L7.1 5.69A7.902 7.902 0 0 1 12 4c4.42 0 8 3.58 8 8 0 1.85-.63 3.55-1.69 4.9z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/do_not_touch.svg b/src/frontend/public/uswds/img/usa-icons/do_not_touch.svg
new file mode 100644
index 00000000..979964e9
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/do_not_touch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m13 10.17-2.5-2.5V2.25a1.25 1.25 0 0 1 2.5 0v7.92zm7 2.58v-7.5a1.25 1.25 0 0 0-2.5 0V11h-1V3.25a1.25 1.25 0 0 0-2.5 0v7.92l6 6v-4.42zM9.5 4.25C9.5 3.56 8.94 3 8.25 3c-.67 0-1.2.53-1.24 1.18L9.5 6.67V4.25zm3.5 5.92-2.5-2.5V2.25a1.25 1.25 0 0 1 2.5 0v7.92zm7 2.58v-7.5a1.25 1.25 0 0 0-2.5 0V11h-1V3.25a1.25 1.25 0 0 0-2.5 0v7.92l6 6v-4.42zM9.5 4.25C9.5 3.56 8.94 3 8.25 3c-.67 0-1.2.53-1.24 1.18L9.5 6.67V4.25zm11.69 16.94L2.81 2.81 1.39 4.22l5.63 5.63L7 9.83v4.3c-1.11-.64-2.58-1.47-2.6-1.48-.17-.09-.34-.14-.54-.14-.26 0-.5.09-.7.26-.04.01-1.16 1.11-1.16 1.11l6.8 7.18c.57.6 1.35.94 2.18.94H17c.62 0 1.18-.19 1.65-.52l-.02-.02 1.15 1.15 1.41-1.42z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/drag_handle.svg b/src/frontend/public/uswds/img/usa-icons/drag_handle.svg
new file mode 100644
index 00000000..a2923388
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/drag_handle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 9H4v2h16V9zM4 15h16v-2H4v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/eco.svg b/src/frontend/public/uswds/img/usa-icons/eco.svg
new file mode 100755
index 00000000..651b9ed3
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/eco.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M6.05 8.05a7.001 7.001 0 0 0-.02 9.88c1.47-3.4 4.09-6.24 7.36-7.93A15.952 15.952 0 0 0 8 19.32c2.6 1.23 5.8.78 7.95-1.37C19.43 14.47 20 4 20 4S9.53 4.57 6.05 8.05z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/edit.svg b/src/frontend/public/uswds/img/usa-icons/edit.svg
new file mode 100644
index 00000000..a2841f94
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/electrical_services.svg b/src/frontend/public/uswds/img/usa-icons/electrical_services.svg
new file mode 100644
index 00000000..f57aefc4
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/electrical_services.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 14c0-.55-.45-1-1-1h-2v2h2c.55 0 1-.45 1-1zm-1 3h-2v2h2c.55 0 1-.45 1-1s-.45-1-1-1zm-8-3h-2v4h2c0 1.1.9 2 2 2h3v-8h-3c-1.1 0-2 .9-2 2z"/><path d="M5 13c0-1.1.9-2 2-2h1.5c1.93 0 3.5-1.57 3.5-3.5S10.43 4 8.5 4H5c-.55 0-1 .45-1 1s.45 1 1 1h3.5c.83 0 1.5.67 1.5 1.5S9.33 9 8.5 9H7c-2.21 0-4 1.79-4 4s1.79 4 4 4h2v-2H7c-1.1 0-2-.9-2-2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/emoji_events.svg b/src/frontend/public/uswds/img/usa-icons/emoji_events.svg
new file mode 100644
index 00000000..95af5b3a
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/emoji_events.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 0 0 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/error.svg b/src/frontend/public/uswds/img/usa-icons/error.svg
new file mode 100644
index 00000000..d30cc3a7
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/error.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/error_outline.svg b/src/frontend/public/uswds/img/usa-icons/error_outline.svg
new file mode 100644
index 00000000..ad877f31
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/error_outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/event.svg b/src/frontend/public/uswds/img/usa-icons/event.svg
new file mode 100644
index 00000000..ba09a175
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/event.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/expand_less.svg b/src/frontend/public/uswds/img/usa-icons/expand_less.svg
new file mode 100644
index 00000000..53985246
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/expand_less.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/expand_more.svg b/src/frontend/public/uswds/img/usa-icons/expand_more.svg
new file mode 100644
index 00000000..4428af00
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/expand_more.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/facebook.svg b/src/frontend/public/uswds/img/usa-icons/facebook.svg
new file mode 100644
index 00000000..f4feccc0
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/facebook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/fast_forward.svg b/src/frontend/public/uswds/img/usa-icons/fast_forward.svg
new file mode 100644
index 00000000..0b8eb5c0
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/fast_forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m4 18 8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/fast_rewind.svg b/src/frontend/public/uswds/img/usa-icons/fast_rewind.svg
new file mode 100644
index 00000000..18c21403
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/fast_rewind.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18V6l-8.5 6 8.5 6zm.5-6 8.5 6V6l-8.5 6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/favorite.svg b/src/frontend/public/uswds/img/usa-icons/favorite.svg
new file mode 100644
index 00000000..80f9a056
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/favorite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/favorite_border.svg b/src/frontend/public/uswds/img/usa-icons/favorite_border.svg
new file mode 100644
index 00000000..f4e03cd7
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/favorite_border.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/fax.svg b/src/frontend/public/uswds/img/usa-icons/fax.svg
new file mode 100644
index 00000000..5b5e1931
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/fax.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 9h-1V4H8v16h14v-8c0-1.66-1.34-3-3-3zm-9-3h6v3h-6V6zm4 11h-4v-5h4v5zm2 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm0-3c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm3 3c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm0-3c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zM4.5 8A2.5 2.5 0 0 0 2 10.5v8a2.5 2.5 0 0 0 5 0v-8A2.5 2.5 0 0 0 4.5 8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/file_download.svg b/src/frontend/public/uswds/img/usa-icons/file_download.svg
new file mode 100644
index 00000000..ef421c32
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/file_download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/file_present.svg b/src/frontend/public/uswds/img/usa-icons/file_present.svg
new file mode 100644
index 00000000..fc1ec9fa
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/file_present.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V7l-5-5zM6 20V4h8v4h4v12H6zm10-10v5c0 2.21-1.79 4-4 4s-4-1.79-4-4V8.5a2.5 2.5 0 0 1 2.76-2.49c1.3.13 2.24 1.32 2.24 2.63V15h-2V8.5c0-.28-.22-.5-.5-.5s-.5.22-.5.5V15c0 1.1.9 2 2 2s2-.9 2-2v-5h2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/file_upload.svg b/src/frontend/public/uswds/img/usa-icons/file_upload.svg
new file mode 100644
index 00000000..0fe9aadd
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/file_upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/filter_alt.svg b/src/frontend/public/uswds/img/usa-icons/filter_alt.svg
new file mode 100644
index 00000000..6dab644d
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/filter_alt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/filter_list.svg b/src/frontend/public/uswds/img/usa-icons/filter_list.svg
new file mode 100644
index 00000000..972d4012
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/filter_list.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/fingerprint.svg b/src/frontend/public/uswds/img/usa-icons/fingerprint.svg
new file mode 100644
index 00000000..31e2b193
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/fingerprint.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2a.506.506 0 0 1 .2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67a.49.49 0 0 1-.44.28zM3.5 9.72a.499.499 0 0 1-.41-.79c.99-1.4 2.25-2.5 3.75-3.27C9.98 4.04 14 4.03 17.15 5.65c1.5.77 2.76 1.86 3.75 3.25a.5.5 0 0 1-.12.7c-.23.16-.54.11-.7-.12a9.388 9.388 0 0 0-3.39-2.94c-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5 1.7-3.4 2.96-.08.14-.23.21-.39.21zm6.25 12.07a.47.47 0 0 1-.35-.15c-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34 0-2.97 2.54-5.39 5.66-5.39s5.66 2.42 5.66 5.39c0 .28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39-2.57 0-4.66 1.97-4.66 4.39 0 1.44.32 2.77.93 3.85.64 1.15 1.08 1.64 1.85 2.42.19.2.19.51 0 .71-.11.1-.24.15-.37.15zm7.17-1.85c-1.19 0-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39 0-.28.22-.5.5-.5s.5.22.5.5c0 1.41.72 2.74 1.94 3.56.71.48 1.54.71 2.54.71.24 0 .64-.03 1.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12zM14.91 22c-.04 0-.09-.01-.13-.02-1.59-.44-2.63-1.03-3.72-2.1a7.297 7.297 0 0 1-2.17-5.22c0-1.62 1.38-2.94 3.08-2.94 1.7 0 3.08 1.32 3.08 2.94 0 1.07.93 1.94 2.08 1.94s2.08-.87 2.08-1.94c0-3.77-3.25-6.83-7.25-6.83-2.84 0-5.44 1.58-6.61 4.03-.39.81-.59 1.76-.59 2.8 0 .78.07 2.01.67 3.61.1.26-.03.55-.29.64-.26.1-.55-.04-.64-.29a11.14 11.14 0 0 1-.73-3.96c0-1.2.23-2.29.68-3.24 1.33-2.79 4.28-4.6 7.51-4.6 4.55 0 8.25 3.51 8.25 7.83 0 1.62-1.38 2.94-3.08 2.94s-3.08-1.32-3.08-2.94c0-1.07-.93-1.94-2.08-1.94s-2.08.87-2.08 1.94c0 1.71.66 3.31 1.87 4.51.95.94 1.86 1.46 3.27 1.85.27.07.42.35.35.61-.05.23-.26.38-.47.38z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/first_page.svg b/src/frontend/public/uswds/img/usa-icons/first_page.svg
new file mode 100644
index 00000000..81a0845b
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/first_page.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.41 16.59 13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/flag.svg b/src/frontend/public/uswds/img/usa-icons/flag.svg
new file mode 100644
index 00000000..67400575
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/flag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14.4 6 14 4H5v17h2v-7h5.6l.4 2h7V6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/flickr.svg b/src/frontend/public/uswds/img/usa-icons/flickr.svg
new file mode 100644
index 00000000..0a43db63
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/flickr.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.459 17a4.444 4.444 0 0 1-4.116-2.768 4.541 4.541 0 0 1 .954-4.909 4.405 4.405 0 0 1 4.845-.982 4.5 4.5 0 0 1 2.747 4.159 4.514 4.514 0 0 1-1.292 3.181A4.403 4.403 0 0 1 6.459 17Zm11.111 0a4.444 4.444 0 0 1-4.116-2.768 4.541 4.541 0 0 1 .954-4.909 4.405 4.405 0 0 1 4.845-.982A4.5 4.5 0 0 1 22 12.5a4.514 4.514 0 0 1-1.292 3.181A4.403 4.403 0 0 1 17.57 17Z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/flight.svg b/src/frontend/public/uswds/img/usa-icons/flight.svg
new file mode 100644
index 00000000..2fe1deaf
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/flight.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/flooding.svg b/src/frontend/public/uswds/img/usa-icons/flooding.svg
new file mode 100644
index 00000000..fbada825
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/flooding.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M17 18.16a6 6 0 0 0-2.95.8 4.08 4.08 0 0 1-2.05.6 3.81 3.81 0 0 1-2-.56 5.84 5.84 0 0 0-5.9 0 4.05 4.05 0 0 1-2 .6v2a6 6 0 0 0 3-.8 4.05 4.05 0 0 1 1.9-.69 3.87 3.87 0 0 1 2.05.6 5.84 5.84 0 0 0 5.9 0 4.08 4.08 0 0 1 2.05-.6 3.81 3.81 0 0 1 2.05.6 5.9 5.9 0 0 0 2.95.8v-2a3.81 3.81 0 0 1-2-.51 6 6 0 0 0-3-.84Zm3-3.65a6.8 6.8 0 0 0-2-.71V10h3l-9-7-9 7h3v3.8a6.8 6.8 0 0 0-1.95.71 4.15 4.15 0 0 1-2 .6v1.95a6.07 6.07 0 0 0 3-.8 3.8 3.8 0 0 1 4.1 0 5.87 5.87 0 0 0 2.95.8 6 6 0 0 0 2.95-.8 3.8 3.8 0 0 1 4.1 0 5.9 5.9 0 0 0 2.95.8v-1.95a3.81 3.81 0 0 1-2.1-.6Zm-9.95 0V11h4v3.54a4.19 4.19 0 0 1-2 .57 3.8 3.8 0 0 1-2.05-.57Z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/folder.svg b/src/frontend/public/uswds/img/usa-icons/folder.svg
new file mode 100644
index 00000000..e70b01ce
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/folder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/folder_open.svg b/src/frontend/public/uswds/img/usa-icons/folder_open.svg
new file mode 100644
index 00000000..0f59689a
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/folder_open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/format_quote.svg b/src/frontend/public/uswds/img/usa-icons/format_quote.svg
new file mode 100644
index 00000000..9d8fa8b4
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/format_quote.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/format_size.svg b/src/frontend/public/uswds/img/usa-icons/format_size.svg
new file mode 100644
index 00000000..51d93713
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/format_size.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 4v3h5v12h3V7h5V4H9zm-6 8h3v7h3v-7h3V9H3v3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/forum.svg b/src/frontend/public/uswds/img/usa-icons/forum.svg
new file mode 100644
index 00000000..8c958d9f
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/forum.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/github.svg b/src/frontend/public/uswds/img/usa-icons/github.svg
new file mode 100644
index 00000000..09f67403
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M12 2a10 10 0 0 0-3.16 19.49c.5.09.68-.22.68-.48v-1.7C6.73 19.91 6.14 18 6.14 18A2.69 2.69 0 0 0 5 16.5c-.91-.62.07-.61.07-.61a2.13 2.13 0 0 1 1.53 1 2.14 2.14 0 0 0 2.91.83 2.16 2.16 0 0 1 .63-1.34c-2.14-.21-4.52-1.07-4.52-4.9a3.89 3.89 0 0 1 1-2.69 3.57 3.57 0 0 1 .1-2.64s.84-.27 2.75 1a9.63 9.63 0 0 1 5 0c1.91-1.29 2.75-1 2.75-1a3.57 3.57 0 0 1 .1 2.64 3.89 3.89 0 0 1 1 2.69c0 3.84-2.34 4.68-4.57 4.93a2.39 2.39 0 0 1 .68 1.85v2.75c0 .33.18.58.69.48A10 10 0 0 0 12 2Z" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/grid_view.svg b/src/frontend/public/uswds/img/usa-icons/grid_view.svg
new file mode 100644
index 00000000..b732680d
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/grid_view.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3 3v8h8V3H3zm6 6H5V5h4v4zm-6 4v8h8v-8H3zm6 6H5v-4h4v4zm4-16v8h8V3h-8zm6 6h-4V5h4v4zm-6 4v8h8v-8h-8zm6 6h-4v-4h4v4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/group_add.svg b/src/frontend/public/uswds/img/usa-icons/group_add.svg
new file mode 100644
index 00000000..91c0c2a1
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/group_add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 9V7h-2v2h-2v2h2v2h2v-2h2V9zM8 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 1c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm4.51-8.95C13.43 5.11 14 6.49 14 8s-.57 2.89-1.49 3.95C14.47 11.7 16 10.04 16 8s-1.53-3.7-3.49-3.95zm4.02 9.78C17.42 14.66 18 15.7 18 17v3h2v-3c0-1.45-1.59-2.51-3.47-3.17z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/groups.svg b/src/frontend/public/uswds/img/usa-icons/groups.svg
new file mode 100644
index 00000000..a899f541
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/groups.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 12.75c1.63 0 3.07.39 4.24.9 1.08.48 1.76 1.56 1.76 2.73V18H6v-1.61c0-1.18.68-2.26 1.76-2.73 1.17-.52 2.61-.91 4.24-.91zM4 13c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm1.13 1.1c-.37-.06-.74-.1-1.13-.1-.99 0-1.93.21-2.78.58A2.01 2.01 0 0 0 0 16.43V18h4.5v-1.61c0-.83.23-1.61.63-2.29zM20 13c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm4 3.43c0-.81-.48-1.53-1.22-1.85A6.95 6.95 0 0 0 20 14c-.39 0-.76.04-1.13.1.4.68.63 1.46.63 2.29V18H24v-1.57zM12 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/hearing.svg b/src/frontend/public/uswds/img/usa-icons/hearing.svg
new file mode 100644
index 00000000..dd0c644a
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/hearing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 20c-.29 0-.56-.06-.76-.15-.71-.37-1.21-.88-1.71-2.38-.51-1.56-1.47-2.29-2.39-3-.79-.61-1.61-1.24-2.32-2.53C9.29 10.98 9 9.93 9 9c0-2.8 2.2-5 5-5s5 2.2 5 5h2c0-3.93-3.07-7-7-7S7 5.07 7 9c0 1.26.38 2.65 1.07 3.9.91 1.65 1.98 2.48 2.85 3.15.81.62 1.39 1.07 1.71 2.05.6 1.82 1.37 2.84 2.73 3.55A3.999 3.999 0 0 0 21 18h-2c0 1.1-.9 2-2 2zM7.64 2.64 6.22 1.22C4.23 3.21 3 5.96 3 9s1.23 5.79 3.22 7.78l1.41-1.41C6.01 13.74 5 11.49 5 9s1.01-4.74 2.64-6.36zM11.5 9a2.5 2.5 0 0 0 5 0 2.5 2.5 0 0 0-5 0z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/help.svg b/src/frontend/public/uswds/img/usa-icons/help.svg
new file mode 100644
index 00000000..a60aafe5
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/help.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/help_outline.svg b/src/frontend/public/uswds/img/usa-icons/help_outline.svg
new file mode 100644
index 00000000..3e980a46
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/help_outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/highlight_off.svg b/src/frontend/public/uswds/img/usa-icons/highlight_off.svg
new file mode 100644
index 00000000..1562eb13
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/highlight_off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14.59 8 12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/history.svg b/src/frontend/public/uswds/img/usa-icons/history.svg
new file mode 100644
index 00000000..f8f018c8
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/history.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/home.svg b/src/frontend/public/uswds/img/usa-icons/home.svg
new file mode 100644
index 00000000..6bd84cfd
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/hospital.svg b/src/frontend/public/uswds/img/usa-icons/hospital.svg
new file mode 100644
index 00000000..ce5f9acb
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/hospital.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Zm-3 14h-2v-4h-4v4H8V7h2v4h4V7h2Z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/hotel.svg b/src/frontend/public/uswds/img/usa-icons/hotel.svg
new file mode 100644
index 00000000..f1cca2ca
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/hotel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/hourglass_empty.svg b/src/frontend/public/uswds/img/usa-icons/hourglass_empty.svg
new file mode 100644
index 00000000..b4b3a5ae
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/hourglass_empty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5-4-4V4h8v3.5l-4 4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/hurricane.svg b/src/frontend/public/uswds/img/usa-icons/hurricane.svg
new file mode 100644
index 00000000..d4f19d7d
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/hurricane.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M19 12a7 7 0 0 0-6.34-7 27.32 27.32 0 0 1 2.21-2.09.44.44 0 0 0-.29-.78 10.62 10.62 0 0 0-9.17 7.5 4.26 4.26 0 0 0-.15.47v.06A7.18 7.18 0 0 0 5 12a7 7 0 0 0 6.35 7 27.71 27.71 0 0 1-2.21 2.1.44.44 0 0 0 .29.78 10.65 10.65 0 0 0 9.23-7.69v-.14c0-.05.05-.13.07-.2A6.76 6.76 0 0 0 19 12Zm-7 3.5a3.5 3.5 0 1 1 3.5-3.5 3.5 3.5 0 0 1-3.5 3.5Z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/identification.svg b/src/frontend/public/uswds/img/usa-icons/identification.svg
new file mode 100644
index 00000000..bbd409ab
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/identification.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M11 14.14C11 13.38 9.33 13 8.5 13S6 13.38 6 14.14V15h5Z"/><circle cx="8.5" cy="10.5" r="1.5"/><path d="M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Zm-7 13H4V7h9Zm7 0h-5v-2h5Zm0-4h-5v-2h5Zm0-4h-5V7h5Z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/image.svg b/src/frontend/public/uswds/img/usa-icons/image.svg
new file mode 100644
index 00000000..6ccc16ad
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/info.svg b/src/frontend/public/uswds/img/usa-icons/info.svg
new file mode 100644
index 00000000..22ef137e
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/info_outline.svg b/src/frontend/public/uswds/img/usa-icons/info_outline.svg
new file mode 100644
index 00000000..783eebe4
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/info_outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2V7zm0 4h2v6h-2v-6zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/insights.svg b/src/frontend/public/uswds/img/usa-icons/insights.svg
new file mode 100644
index 00000000..5c8a9371
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/insights.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 8c-1.45 0-2.26 1.44-1.93 2.51l-3.55 3.56c-.3-.09-.74-.09-1.04 0l-2.55-2.55C12.27 10.45 11.46 9 10 9c-1.45 0-2.27 1.44-1.93 2.52l-4.56 4.55C2.44 15.74 1 16.55 1 18c0 1.1.9 2 2 2 1.45 0 2.26-1.44 1.93-2.51l4.55-4.56c.3.09.74.09 1.04 0l2.55 2.55C12.73 16.55 13.54 18 15 18c1.45 0 2.27-1.44 1.93-2.52l3.56-3.55c1.07.33 2.51-.48 2.51-1.93 0-1.1-.9-2-2-2z"/><path d="m15 9 .94-2.07L18 6l-2.06-.93L15 3l-.92 2.07L12 6l2.08.93zM3.5 11 4 9l2-.5L4 8l-.5-2L3 8l-2 .5L3 9z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/instagram.svg b/src/frontend/public/uswds/img/usa-icons/instagram.svg
new file mode 100644
index 00000000..578e517f
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/instagram.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.273 3.063c-.958.045-1.612.198-2.184.423a4.41 4.41 0 0 0-1.592 1.04 4.409 4.409 0 0 0-1.035 1.596c-.222.572-.372 1.227-.414 2.185-.042.958-.052 1.266-.047 3.71.005 2.444.016 2.75.062 3.71.046.958.198 1.612.423 2.184a4.41 4.41 0 0 0 1.04 1.592 4.4 4.4 0 0 0 1.597 1.035c.572.221 1.227.372 2.185.414.958.042 1.266.052 3.71.047 2.443-.005 2.75-.016 3.71-.061.96-.046 1.611-.199 2.183-.423a4.411 4.411 0 0 0 1.592-1.04 4.41 4.41 0 0 0 1.035-1.597c.222-.572.372-1.227.414-2.184.042-.96.052-1.268.047-3.711-.005-2.444-.016-2.75-.061-3.71-.046-.96-.198-1.612-.423-2.184a4.418 4.418 0 0 0-1.04-1.592 4.4 4.4 0 0 0-1.597-1.035c-.572-.221-1.227-.372-2.185-.414-.958-.041-1.266-.052-3.71-.047-2.444.005-2.75.015-3.71.062m.105 16.27c-.878-.038-1.354-.184-1.672-.306a2.802 2.802 0 0 1-1.036-.671 2.772 2.772 0 0 1-.675-1.034c-.124-.317-.272-.793-.313-1.67-.045-.95-.054-1.234-.06-3.637-.004-2.403.005-2.687.046-3.636.038-.877.184-1.354.306-1.671.162-.421.357-.72.672-1.036a2.778 2.778 0 0 1 1.033-.675c.317-.124.793-.272 1.67-.313.95-.045 1.234-.054 3.637-.06 2.402-.005 2.687.004 3.637.046.876.038 1.354.183 1.67.306.421.162.72.357 1.037.671.316.315.511.613.675 1.034.124.317.271.792.313 1.67.045.95.055 1.234.06 3.636.004 2.402-.004 2.688-.046 3.636-.038.878-.184 1.354-.306 1.672a2.79 2.79 0 0 1-.672 1.036 2.78 2.78 0 0 1-1.033.675c-.317.124-.794.271-1.67.313-.95.045-1.234.054-3.637.06-2.403.005-2.687-.005-3.636-.046M15.715 7.19a1.08 1.08 0 1 0 2.16-.004 1.08 1.08 0 0 0-2.16.004m-8.336 4.819a4.62 4.62 0 1 0 9.242-.018 4.62 4.62 0 0 0-9.242.018M9 12.006a3 3 0 1 1 6-.012 3 3 0 0 1-6 .012"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/keyboard.svg b/src/frontend/public/uswds/img/usa-icons/keyboard.svg
new file mode 100644
index 00000000..acbf11ce
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/keyboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/label.svg b/src/frontend/public/uswds/img/usa-icons/label.svg
new file mode 100644
index 00000000..e0f42a3c
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/label.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/language.svg b/src/frontend/public/uswds/img/usa-icons/language.svg
new file mode 100644
index 00000000..d6966643
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/language.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/last_page.svg b/src/frontend/public/uswds/img/usa-icons/last_page.svg
new file mode 100644
index 00000000..49fd298b
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/last_page.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5.59 7.41 10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/launch.svg b/src/frontend/public/uswds/img/usa-icons/launch.svg
new file mode 100644
index 00000000..6a2f70b5
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/launch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 19H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/lightbulb.svg b/src/frontend/public/uswds/img/usa-icons/lightbulb.svg
new file mode 100644
index 00000000..5f0ad4e8
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/lightbulb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/lightbulb_outline.svg b/src/frontend/public/uswds/img/usa-icons/lightbulb_outline.svg
new file mode 100644
index 00000000..83e46b06
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/lightbulb_outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2 11.7V16h-4v-2.3C8.48 12.63 7 11.53 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.49-1.51 3.65-3 4.7z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/link.svg b/src/frontend/public/uswds/img/usa-icons/link.svg
new file mode 100644
index 00000000..f39e2a7e
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/link_off.svg b/src/frontend/public/uswds/img/usa-icons/link_off.svg
new file mode 100644
index 00000000..0ea35879
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/link_off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 7h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.43-.98 2.63-2.31 2.98l1.46 1.46C20.88 15.61 22 13.95 22 12c0-2.76-2.24-5-5-5zm-1 4h-2.19l2 2H16zM2 4.27l3.11 3.11A4.991 4.991 0 0 0 2 12c0 2.76 2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1 0-1.59 1.21-2.9 2.76-3.07L8.73 11H8v2h2.73L13 15.27V17h1.73l4.01 4L20 19.74 3.27 3 2 4.27z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/linkedin.svg b/src/frontend/public/uswds/img/usa-icons/linkedin.svg
new file mode 100644
index 00000000..a22fd824
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/linkedin.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.667 3A1.322 1.322 0 0 1 21 4.298V19.7a1.323 1.323 0 0 1-1.333 1.3H4.328A1.32 1.32 0 0 1 3 19.701V4.3A1.32 1.32 0 0 1 4.328 3h15.339Zm-4.898 6.1a2.834 2.834 0 0 0-2.55 1.403h-.036V9.316H9.6V18h2.692v-4.296c0-1.133.214-2.23 1.616-2.23 1.382 0 1.4 1.296 1.4 2.303V18H18v-4.764c0-2.338-.503-4.136-3.231-4.136Zm-6.86.216H5.213V18h2.694V9.316ZM6.561 5A1.57 1.57 0 0 0 5 6.565a1.57 1.57 0 0 0 1.562 1.564l.142-.006a1.572 1.572 0 0 0 1.42-1.558l-.006-.142A1.572 1.572 0 0 0 6.562 5Z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/list.svg b/src/frontend/public/uswds/img/usa-icons/list.svg
new file mode 100644
index 00000000..f280e6ad
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/list.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/local_cafe.svg b/src/frontend/public/uswds/img/usa-icons/local_cafe.svg
new file mode 100644
index 00000000..5994e0cb
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/local_cafe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2a2 2 0 0 0 2-2V5c0-1.11-.89-2-2-2zm0 5h-2V5h2v3zM4 19h16v2H4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/local_fire_department.svg b/src/frontend/public/uswds/img/usa-icons/local_fire_department.svg
new file mode 100644
index 00000000..cfac515a
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/local_fire_department.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m12 12.9-2.13 2.09c-.56.56-.87 1.29-.87 2.07C9 18.68 10.35 20 12 20s3-1.32 3-2.94c0-.78-.31-1.52-.87-2.07L12 12.9z"/><path d="m16 6-.44.55C14.38 8.02 12 7.19 12 5.3V2S4 6 4 13c0 2.92 1.56 5.47 3.89 6.86-.56-.79-.89-1.76-.89-2.8 0-1.32.52-2.56 1.47-3.5L12 10.1l3.53 3.47c.95.93 1.47 2.17 1.47 3.5 0 1.02-.31 1.96-.85 2.75 1.89-1.15 3.29-3.06 3.71-5.3.66-3.55-1.07-6.9-3.86-8.52z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/local_gas_station.svg b/src/frontend/public/uswds/img/usa-icons/local_gas_station.svg
new file mode 100644
index 00000000..237219fc
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/local_gas_station.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m19.77 7.23.01-.01-3.72-3.72L15 4.56l2.11 2.11c-.94.36-1.61 1.26-1.61 2.33a2.5 2.5 0 0 0 2.5 2.5c.36 0 .69-.08 1-.21v7.21c0 .55-.45 1-1 1s-1-.45-1-1V14c0-1.1-.9-2-2-2h-1V5c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v16h10v-7.5h1.5v5a2.5 2.5 0 0 0 5 0V9c0-.69-.28-1.32-.73-1.77zM12 10H6V5h6v5zm6 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/local_grocery_store.svg b/src/frontend/public/uswds/img/usa-icons/local_grocery_store.svg
new file mode 100644
index 00000000..52e5ea8e
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/local_grocery_store.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1.003 1.003 0 0 0 20 4H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/local_hospital.svg b/src/frontend/public/uswds/img/usa-icons/local_hospital.svg
new file mode 100644
index 00000000..85da4ff9
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/local_hospital.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 11h-4v4h-4v-4H6v-4h4V6h4v4h4v4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/local_laundry_service.svg b/src/frontend/public/uswds/img/usa-icons/local_laundry_service.svg
new file mode 100644
index 00000000..6511137e
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/local_laundry_service.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.17 16.83a4.008 4.008 0 0 0 5.66 0 4.008 4.008 0 0 0 0-5.66l-5.66 5.66zM18 2.01 6 2c-1.11 0-2 .89-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V4c0-1.11-.89-1.99-2-1.99zM10 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM7 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm5 16c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/local_library.svg b/src/frontend/public/uswds/img/usa-icons/local_library.svg
new file mode 100644
index 00000000..5fa5109c
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/local_library.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 11.55C9.64 9.35 6.48 8 3 8v11c3.48 0 6.64 1.35 9 3.55 2.36-2.19 5.52-3.55 9-3.55V8c-3.48 0-6.64 1.35-9 3.55zM12 8c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/local_offer.svg b/src/frontend/public/uswds/img/usa-icons/local_offer.svg
new file mode 100644
index 00000000..5a897a71
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/local_offer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m21.41 11.58-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/local_parking.svg b/src/frontend/public/uswds/img/usa-icons/local_parking.svg
new file mode 100644
index 00000000..0cc31988
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/local_parking.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 3H6v18h4v-6h3c3.31 0 6-2.69 6-6s-2.69-6-6-6zm.2 8H10V7h3.2c1.1 0 2 .9 2 2s-.9 2-2 2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/local_pharmacy.svg b/src/frontend/public/uswds/img/usa-icons/local_pharmacy.svg
new file mode 100644
index 00000000..72720109
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/local_pharmacy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 5h-2.64l1.14-3.14L17.15 1l-1.46 4H3v2l2 6-2 6v2h18v-2l-2-6 2-6V5zm-5 9h-3v3h-2v-3H8v-2h3V9h2v3h3v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/local_police.svg b/src/frontend/public/uswds/img/usa-icons/local_police.svg
new file mode 100644
index 00000000..5e6f8dd6
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/local_police.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm2.5 11.59.9 3.88-3.4-2.05-3.4 2.05.9-3.87-3-2.59 3.96-.34L12 6.02l1.54 3.64 3.96.34-3 2.59z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/local_taxi.svg b/src/frontend/public/uswds/img/usa-icons/local_taxi.svg
new file mode 100644
index 00000000..e3559e9a
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/local_taxi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5H15V3H9v2H6.5c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/location_city.svg b/src/frontend/public/uswds/img/usa-icons/location_city.svg
new file mode 100644
index 00000000..357849b0
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/location_city.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 11V5l-3-3-3 3v2H3v14h18V11h-6zm-8 8H5v-2h2v2zm0-4H5v-2h2v2zm0-4H5V9h2v2zm6 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V9h2v2zm0-4h-2V5h2v2zm6 12h-2v-2h2v2zm0-4h-2v-2h2v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/location_on.svg b/src/frontend/public/uswds/img/usa-icons/location_on.svg
new file mode 100644
index 00000000..35655db5
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/location_on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/lock.svg b/src/frontend/public/uswds/img/usa-icons/lock.svg
new file mode 100644
index 00000000..2154a2c5
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/lock_open.svg b/src/frontend/public/uswds/img/usa-icons/lock_open.svg
new file mode 100644
index 00000000..4481b0e2
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/lock_open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h1.9c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 12H6V10h12v10z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/lock_outline.svg b/src/frontend/public/uswds/img/usa-icons/lock_outline.svg
new file mode 100644
index 00000000..d4a276b4
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/lock_outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM8.9 6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2H8.9V6zM18 20H6V10h12v10z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/login.svg b/src/frontend/public/uswds/img/usa-icons/login.svg
new file mode 100644
index 00000000..d58a6111
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/login.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 7 9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5-5-5zm9 12h-8v2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-8v2h8v14z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/logout.svg b/src/frontend/public/uswds/img/usa-icons/logout.svg
new file mode 100644
index 00000000..d4e7414a
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/logout.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m17 7-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/loop.svg b/src/frontend/public/uswds/img/usa-icons/loop.svg
new file mode 100644
index 00000000..47313289
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/loop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46A7.93 7.93 0 0 0 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74A7.93 7.93 0 0 0 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/mail.svg b/src/frontend/public/uswds/img/usa-icons/mail.svg
new file mode 100644
index 00000000..876dbcd1
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/mail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/mail_outline.svg b/src/frontend/public/uswds/img/usa-icons/mail_outline.svg
new file mode 100644
index 00000000..d1b8c872
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/mail_outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/map.svg b/src/frontend/public/uswds/img/usa-icons/map.svg
new file mode 100644
index 00000000..93a3e168
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/map.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m20.5 3-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/masks.svg b/src/frontend/public/uswds/img/usa-icons/masks.svg
new file mode 100644
index 00000000..f64f2a46
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/masks.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.5 6c-1.31 0-2.37 1.01-2.48 2.3-1.88-.5-2.84-1.8-5.02-1.8-2.19 0-3.14 1.3-5.02 1.8C6.87 7.02 5.81 6 4.5 6A2.5 2.5 0 0 0 2 8.5V9c0 6 3.6 7.81 6.52 7.98C9.53 17.62 10.72 18 12 18s2.47-.38 3.48-1.02C18.4 16.81 22 15 22 9v-.5A2.5 2.5 0 0 0 19.5 6zm-16 3v-.5c0-.55.45-1 1-1s1 .45 1 1v3c0 1.28.38 2.47 1.01 3.48C4.99 14.27 3.5 12.65 3.5 9zm17 0c0 3.65-1.49 5.27-3.01 5.98.64-1.01 1.01-2.2 1.01-3.48v-3c0-.55.45-1 1-1s1 .45 1 1V9zm-9.81 1.48c-.44.26-.96.56-1.69.76V10.2c.48-.17.84-.38 1.18-.58C10.72 9.3 11.23 9 12 9s1.27.3 1.8.62c.34.2.71.42 1.2.59v1.04c-.75-.21-1.26-.51-1.71-.78-.46-.27-.8-.47-1.29-.47s-.84.2-1.31.48z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/medical_services.svg b/src/frontend/public/uswds/img/usa-icons/medical_services.svg
new file mode 100644
index 00000000..6c17315c
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/medical_services.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 6h-4V4c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM10 4h4v2h-4V4zm6 11h-3v3h-2v-3H8v-2h3v-3h2v3h3v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/menu.svg b/src/frontend/public/uswds/img/usa-icons/menu.svg
new file mode 100644
index 00000000..ae7c36cb
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/menu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/military_tech.svg b/src/frontend/public/uswds/img/usa-icons/military_tech.svg
new file mode 100644
index 00000000..9b8989cc
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/military_tech.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 10.43V2H7v8.43c0 .35.18.68.49.86l4.18 2.51-.99 2.34-3.41.29 2.59 2.24L9.07 22 12 20.23 14.93 22l-.78-3.33 2.59-2.24-3.41-.29-.99-2.34 4.18-2.51c.3-.18.48-.5.48-.86zm-4 1.8-1 .6-1-.6V3h2v9.23z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/more_horiz.svg b/src/frontend/public/uswds/img/usa-icons/more_horiz.svg
new file mode 100644
index 00000000..afb392c8
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/more_horiz.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/more_vert.svg b/src/frontend/public/uswds/img/usa-icons/more_vert.svg
new file mode 100644
index 00000000..f2427f84
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/more_vert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/my_location.svg b/src/frontend/public/uswds/img/usa-icons/my_location.svg
new file mode 100644
index 00000000..402454aa
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/my_location.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/navigate_before.svg b/src/frontend/public/uswds/img/usa-icons/navigate_before.svg
new file mode 100644
index 00000000..e119372c
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/navigate_before.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/navigate_far_before.svg b/src/frontend/public/uswds/img/usa-icons/navigate_far_before.svg
new file mode 100644
index 00000000..6d5f4b1d
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/navigate_far_before.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M11.41 7.41 10 6l-6 6 6 6 1.41-1.41L6.83 12zm8 0L18 6l-6 6 6 6 1.41-1.41L14.83 12z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/navigate_far_next.svg b/src/frontend/public/uswds/img/usa-icons/navigate_far_next.svg
new file mode 100644
index 00000000..8ce9c300
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/navigate_far_next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="m14 6-1.41 1.41L17.17 12l-4.58 4.59L14 18l6-6zM6 6 4.59 7.41 9.17 12l-4.58 4.59L6 18l6-6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/navigate_next.svg b/src/frontend/public/uswds/img/usa-icons/navigate_next.svg
new file mode 100644
index 00000000..7d1129b8
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/navigate_next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/near_me.svg b/src/frontend/public/uswds/img/usa-icons/near_me.svg
new file mode 100644
index 00000000..e9ebc79a
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/near_me.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 3 3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/notifications.svg b/src/frontend/public/uswds/img/usa-icons/notifications.svg
new file mode 100644
index 00000000..3f3e328b
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/notifications.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 22c1.1 0 2-.9 2-2h-4a2 2 0 0 0 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/notifications_active.svg b/src/frontend/public/uswds/img/usa-icons/notifications_active.svg
new file mode 100644
index 00000000..7418d677
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/notifications_active.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.58 4.08 6.15 2.65C3.75 4.48 2.17 7.3 2.03 10.5h2a8.445 8.445 0 0 1 3.55-6.42zm12.39 6.42h2c-.15-3.2-1.73-6.02-4.12-7.85l-1.42 1.43a8.495 8.495 0 0 1 3.54 6.42zM18 11c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2v-5zm-6 11c.14 0 .27-.01.4-.04.65-.14 1.18-.58 1.44-1.18.1-.24.15-.5.15-.78h-4c.01 1.1.9 2 2.01 2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/notifications_none.svg b/src/frontend/public/uswds/img/usa-icons/notifications_none.svg
new file mode 100644
index 00000000..f7c6893f
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/notifications_none.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/notifications_off.svg b/src/frontend/public/uswds/img/usa-icons/notifications_off.svg
new file mode 100644
index 00000000..39a59004
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/notifications_off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 18.69 7.84 6.14 5.27 3.49 4 4.76l2.8 2.8v.01c-.52.99-.8 2.16-.8 3.42v5l-2 2v1h13.73l2 2L21 19.72l-1-1.03zM12 22c1.11 0 2-.89 2-2h-4c0 1.11.89 2 2 2zm6-7.32V11c0-3.08-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68c-.15.03-.29.08-.42.12-.1.03-.2.07-.3.11h-.01c-.01 0-.01 0-.02.01-.23.09-.46.2-.68.31 0 0-.01 0-.01.01L18 14.68z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/park.svg b/src/frontend/public/uswds/img/usa-icons/park.svg
new file mode 100644
index 00000000..fb6e898d
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/park.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 12h2L12 2 5.05 12H7l-3.9 6h6.92v4h3.96v-4H21z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/people.svg b/src/frontend/public/uswds/img/usa-icons/people.svg
new file mode 100644
index 00000000..bd9a1335
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/people.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/person.svg b/src/frontend/public/uswds/img/usa-icons/person.svg
new file mode 100644
index 00000000..e22d151c
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/person.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/pets.svg b/src/frontend/public/uswds/img/usa-icons/pets.svg
new file mode 100644
index 00000000..e4d7d48f
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/pets.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="4.5" cy="9.5" r="2.5"/><circle cx="9" cy="5.5" r="2.5"/><circle cx="15" cy="5.5" r="2.5"/><circle cx="19.5" cy="9.5" r="2.5"/><path d="M17.34 14.86c-.87-1.02-1.6-1.89-2.48-2.91-.46-.54-1.05-1.08-1.75-1.32-.11-.04-.22-.07-.33-.09-.25-.04-.52-.04-.78-.04s-.53 0-.79.05c-.11.02-.22.05-.33.09-.7.24-1.28.78-1.75 1.32-.87 1.02-1.6 1.89-2.48 2.91-1.31 1.31-2.92 2.76-2.62 4.79.29 1.02 1.02 2.03 2.33 2.32.73.15 3.06-.44 5.54-.44h.18c2.48 0 4.81.58 5.54.44 1.31-.29 2.04-1.31 2.33-2.32.31-2.04-1.3-3.49-2.61-4.8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/phone.svg b/src/frontend/public/uswds/img/usa-icons/phone.svg
new file mode 100644
index 00000000..5908b6ae
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/phone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/photo_camera.svg b/src/frontend/public/uswds/img/usa-icons/photo_camera.svg
new file mode 100644
index 00000000..2024fbc7
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/photo_camera.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="3.2"/><path d="M9 2 7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/print.svg b/src/frontend/public/uswds/img/usa-icons/print.svg
new file mode 100644
index 00000000..6128bd8d
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/print.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/priority_high.svg b/src/frontend/public/uswds/img/usa-icons/priority_high.svg
new file mode 100644
index 00000000..326d004e
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/priority_high.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="19" r="2"/><path d="M10 3h4v12h-4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/public.svg b/src/frontend/public/uswds/img/usa-icons/public.svg
new file mode 100644
index 00000000..6356e736
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/public.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/push_pin.svg b/src/frontend/public/uswds/img/usa-icons/push_pin.svg
new file mode 100644
index 00000000..568580e1
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/push_pin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M16 9V4h1c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1h1v5c0 1.66-1.34 3-3 3v2h5.97v7l1 1 1-1v-7H19v-2c-1.66 0-3-1.34-3-3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/radio_button_unchecked.svg b/src/frontend/public/uswds/img/usa-icons/radio_button_unchecked.svg
new file mode 100644
index 00000000..acce6d1e
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/radio_button_unchecked.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/rain.svg b/src/frontend/public/uswds/img/usa-icons/rain.svg
new file mode 100644
index 00000000..e4d9267a
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/rain.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M17.51 7A5.62 5.62 0 0 0 7 5.51a4.5 4.5 0 0 0 .49 9h9.75A3.74 3.74 0 0 0 17.51 7ZM4.076 20.774 6.08 15.77l1.857.743-2.003 5.004zm4.998-.002 2.003-5.004 1.856.743-2.002 5.004zm4.998.008 2.002-5.004 1.857.743-2.002 5.004z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/reduce_capacity.svg b/src/frontend/public/uswds/img/usa-icons/reduce_capacity.svg
new file mode 100644
index 00000000..377cc472
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/reduce_capacity.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 4c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm4.78 3.58A6.95 6.95 0 0 0 18 7c-.67 0-1.31.1-1.92.28.58.55.92 1.32.92 2.15V10h5v-.57c0-.81-.48-1.53-1.22-1.85zM6 6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm1.92 1.28C7.31 7.1 6.67 7 6 7c-.99 0-1.93.21-2.78.58A2.01 2.01 0 0 0 2 9.43V10h5v-.57c0-.83.34-1.6.92-2.15zM10 4c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm6 6H8v-.57c0-.81.48-1.53 1.22-1.85a6.95 6.95 0 0 1 5.56 0A2.01 2.01 0 0 1 16 9.43V10zm-1 6c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm6 6h-8v-.57c0-.81.48-1.53 1.22-1.85a6.95 6.95 0 0 1 5.56 0A2.01 2.01 0 0 1 21 21.43V22zM5 16c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm6 6H3v-.57c0-.81.48-1.53 1.22-1.85a6.95 6.95 0 0 1 5.56 0A2.01 2.01 0 0 1 11 21.43V22zm1.75-9v-2h-1.5v2H9l3 3 3-3h-2.25z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/remove.svg b/src/frontend/public/uswds/img/usa-icons/remove.svg
new file mode 100644
index 00000000..9128833a
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/remove_circle.svg b/src/frontend/public/uswds/img/usa-icons/remove_circle.svg
new file mode 100644
index 00000000..0f978ec3
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/remove_circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/report.svg b/src/frontend/public/uswds/img/usa-icons/report.svg
new file mode 100644
index 00000000..d09adbbb
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/report.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM12 17.3c-.72 0-1.3-.58-1.3-1.3 0-.72.58-1.3 1.3-1.3.72 0 1.3.58 1.3 1.3 0 .72-.58 1.3-1.3 1.3zm1-4.3h-2V7h2v6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/restaurant.svg b/src/frontend/public/uswds/img/usa-icons/restaurant.svg
new file mode 100644
index 00000000..70830b01
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/restaurant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 9H9V2H7v7H5V2H3v7c0 2.12 1.66 3.84 3.75 3.97V22h2.5v-9.03C11.34 12.84 13 11.12 13 9V2h-2v7zm5-3v8h2.5v8H21V2c-2.76 0-5 2.24-5 4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/rss_feed.svg b/src/frontend/public/uswds/img/usa-icons/rss_feed.svg
new file mode 100644
index 00000000..721872d8
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/rss_feed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="6.18" cy="17.82" r="2.18"/><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/safety_divider.svg b/src/frontend/public/uswds/img/usa-icons/safety_divider.svg
new file mode 100644
index 00000000..caddc451
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/safety_divider.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 5h2v14h-2V5zm-6 7c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm2.78 1.58a6.95 6.95 0 0 0-5.56 0A2.01 2.01 0 0 0 1 15.43V16h8v-.57c0-.81-.48-1.53-1.22-1.85zM19 12c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm2.78 1.58a6.95 6.95 0 0 0-5.56 0A2.01 2.01 0 0 0 15 15.43V16h8v-.57c0-.81-.48-1.53-1.22-1.85z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/sanitizer.svg b/src/frontend/public/uswds/img/usa-icons/sanitizer.svg
new file mode 100644
index 00000000..dda2fda3
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/sanitizer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 6.5C15.5 5.66 17 4 17 4s1.5 1.66 1.5 2.5c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5zm4 8.5a2.5 2.5 0 0 0 2.5-2.5c0-1.67-2.5-4.5-2.5-4.5S17 10.83 17 12.5a2.5 2.5 0 0 0 2.5 2.5zM13 14h-2v-2H9v2H7v2h2v2h2v-2h2v-2zm3-2v10H4V12c0-2.97 2.16-5.43 5-5.91V4H7V2h6c1.13 0 2.15.39 2.99 1.01l-1.43 1.43C14.1 4.17 13.57 4 13 4h-2v2.09c2.84.48 5 2.94 5 5.91z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/save_alt.svg b/src/frontend/public/uswds/img/usa-icons/save_alt.svg
new file mode 100644
index 00000000..81abe3c6
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/save_alt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67 2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/schedule.svg b/src/frontend/public/uswds/img/usa-icons/schedule.svg
new file mode 100644
index 00000000..7d0fa776
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/schedule.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/><path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/school.svg b/src/frontend/public/uswds/img/usa-icons/school.svg
new file mode 100644
index 00000000..e43f8015
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/school.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3 1 9l11 6 9-4.91V17h2V9L12 3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/science.svg b/src/frontend/public/uswds/img/usa-icons/science.svg
new file mode 100644
index 00000000..5fc58542
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/science.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.8 18.4 14 10.67V6.5l1.35-1.69c.26-.33.03-.81-.39-.81H9.04c-.42 0-.65.48-.39.81L10 6.5v4.17L4.2 18.4c-.49.66-.02 1.6.8 1.6h14c.82 0 1.29-.94.8-1.6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/search.svg b/src/frontend/public/uswds/img/usa-icons/search.svg
new file mode 100644
index 00000000..cd9fd53c
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/security.svg b/src/frontend/public/uswds/img/usa-icons/security.svg
new file mode 100644
index 00000000..ccdc487f
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/security.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/send.svg b/src/frontend/public/uswds/img/usa-icons/send.svg
new file mode 100644
index 00000000..b6786781
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/send.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/sentiment_dissatisfied.svg b/src/frontend/public/uswds/img/usa-icons/sentiment_dissatisfied.svg
new file mode 100644
index 00000000..4f09ab1b
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/sentiment_dissatisfied.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="15.5" cy="9.5" r="1.5"/><circle cx="8.5" cy="9.5" r="1.5"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-3.5c.73 0 1.39.19 1.97.53.12-.14.86-.98 1.01-1.14A5.39 5.39 0 0 0 12 15c-1.11 0-2.13.33-2.99.88.97 1.09.01.02 1.01 1.14.59-.33 1.25-.52 1.98-.52z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/sentiment_neutral.svg b/src/frontend/public/uswds/img/usa-icons/sentiment_neutral.svg
new file mode 100644
index 00000000..73690ccb
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/sentiment_neutral.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 15.5h6v1H9v-1z"/><circle cx="15.5" cy="9.5" r="1.5"/><circle cx="8.5" cy="9.5" r="1.5"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/sentiment_satisfied.svg b/src/frontend/public/uswds/img/usa-icons/sentiment_satisfied.svg
new file mode 100644
index 00000000..56f0dedc
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/sentiment_satisfied.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="15.5" cy="9.5" r="1.5"/><circle cx="8.5" cy="9.5" r="1.5"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-4c-.73 0-1.38-.18-1.96-.52-.12.14-.86.98-1.01 1.15a5.49 5.49 0 0 0 5.95-.01c-.97-1.09-.01-.02-1.01-1.15-.59.35-1.24.53-1.97.53z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/sentiment_satisfied_alt.svg b/src/frontend/public/uswds/img/usa-icons/sentiment_satisfied_alt.svg
new file mode 100644
index 00000000..4ab7ba99
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/sentiment_satisfied_alt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="15.5" cy="9.5" r="1.5"/><circle cx="8.5" cy="9.5" r="1.5"/><circle cx="15.5" cy="9.5" r="1.5"/><circle cx="8.5" cy="9.5" r="1.5"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-2.5c2.33 0 4.32-1.45 5.12-3.5h-1.67c-.69 1.19-1.97 2-3.45 2s-2.75-.81-3.45-2H6.88c.8 2.05 2.79 3.5 5.12 3.5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/sentiment_very_dissatisfied.svg b/src/frontend/public/uswds/img/usa-icons/sentiment_very_dissatisfied.svg
new file mode 100644
index 00000000..7d4f065f
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/sentiment_very_dissatisfied.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="15.5" cy="9.5" r="1.5"/><circle cx="8.5" cy="9.5" r="1.5"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm0-6c-2.33 0-4.32 1.45-5.12 3.5h1.67c.69-1.19 1.97-2 3.45-2s2.75.81 3.45 2h1.67c-.8-2.05-2.79-3.5-5.12-3.5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/settings.svg b/src/frontend/public/uswds/img/usa-icons/settings.svg
new file mode 100644
index 00000000..f255a580
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/severe_weather.svg b/src/frontend/public/uswds/img/usa-icons/severe_weather.svg
new file mode 100644
index 00000000..36f3c8af
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/severe_weather.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><g data-name="Severe Weather"><path d="M4.05 17.73 12 4l8 13.85A5 5 0 0 0 19.2 8a7.49 7.49 0 0 0-14-2 6 6 0 0 0-1.15 11.73Z"/><path d="M12 7 3.34 22h17.32Zm0 13.4a1 1 0 1 1 1-1 1 1 0 0 1-1 1ZM11 17v-4.6h2V17Z"/></g></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/share.svg b/src/frontend/public/uswds/img/usa-icons/share.svg
new file mode 100644
index 00000000..ed3e530b
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/share.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/shield.svg b/src/frontend/public/uswds/img/usa-icons/shield.svg
new file mode 100644
index 00000000..b842df38
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/shield.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/shopping_basket.svg b/src/frontend/public/uswds/img/usa-icons/shopping_basket.svg
new file mode 100644
index 00000000..bc41fa00
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/shopping_basket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m17.21 9-4.38-6.56a.993.993 0 0 0-.83-.42c-.32 0-.64.14-.83.43L6.79 9H2c-.55 0-1 .45-1 1 0 .09.01.18.04.27l2.54 9.27c.23.84 1 1.46 1.92 1.46h13c.92 0 1.69-.62 1.93-1.46l2.54-9.27L23 10c0-.55-.45-1-1-1h-4.79zM9 9l3-4.4L15 9H9zm3 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/snow.svg b/src/frontend/public/uswds/img/usa-icons/snow.svg
new file mode 100644
index 00000000..d6c08e22
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/snow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="m20.76 14.07-.66-1.34-2.88 1.42L13.5 12l3.72-2.15 2.88 1.42.66-1.34-1.97-.98 2.25-1.3-.75-1.3-2.25 1.3.14-2.2-1.5-.1-.21 3.2-3.72 2.15V6.4l2.67-1.78-.84-1.24-1.83 1.22V2h-1.5v2.6L9.42 3.38l-.84 1.24 2.67 1.78v4.3L7.53 8.55l-.21-3.2-1.5.1.14 2.2-2.25-1.3-.75 1.3 2.25 1.3-1.97.98.66 1.34 2.88-1.42L10.5 12l-3.72 2.15-2.88-1.42-.66 1.34 1.97.98-2.25 1.3.75 1.3 2.25-1.3-.14 2.2 1.5.1.21-3.2 3.72-2.15v4.3l-2.67 1.78.84 1.24 1.83-1.22V22h1.5v-2.6l1.83 1.22.84-1.24-2.67-1.78v-4.3l3.72 2.15.21 3.2 1.5-.1-.14-2.2 2.25 1.3.75-1.3-2.25-1.3 1.97-.98z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/soap.svg b/src/frontend/public/uswds/img/usa-icons/soap.svg
new file mode 100644
index 00000000..285ade8d
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/soap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m9.12 5-7.18 6.79c-.6.56-.94 1.35-.94 2.18V20c0 1.66 1.34 3 3 3h13.75a1.25 1.25 0 0 0 0-2.5H12v-1h7.75a1.25 1.25 0 0 0 0-2.5H12v-1h8.75a1.25 1.25 0 0 0 0-2.5H12v-1h6.75a1.25 1.25 0 0 0 0-2.5H8.86c.64-1.11 1.48-2.58 1.49-2.61a1.065 1.065 0 0 0-.12-1.23C10.22 6.12 9.12 5 9.12 5zM14 6.25c.41 0 .75.34.75.75s-.34.75-.75.75-.75-.34-.75-.75.34-.75.75-.75m0-1.5c-1.24 0-2.25 1.01-2.25 2.25S12.76 9.25 14 9.25 16.25 8.24 16.25 7 15.24 4.75 14 4.75zm5.75.75c.28 0 .5.22.5.5s-.22.5-.5.5-.5-.22-.5-.5.22-.5.5-.5m0-1.5c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM16.5 1c-.83 0-1.5.67-1.5 1.5S15.67 4 16.5 4 18 3.33 18 2.5 17.33 1 16.5 1z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/social_distance.svg b/src/frontend/public/uswds/img/usa-icons/social_distance.svg
new file mode 100644
index 00000000..612dc844
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/social_distance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 5c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm4.78 3.58a6.95 6.95 0 0 0-5.56 0A2.01 2.01 0 0 0 2 10.43V11h8v-.57c0-.81-.48-1.53-1.22-1.85zM18 7c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm2.78 1.58a6.95 6.95 0 0 0-5.56 0A2.01 2.01 0 0 0 14 10.43V11h8v-.57c0-.81-.48-1.53-1.22-1.85zM22 17l-4-4v3H6v-3l-4 4 4 4v-3h12v3l4-4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/sort_arrow.svg b/src/frontend/public/uswds/img/usa-icons/sort_arrow.svg
new file mode 100644
index 00000000..8e841114
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/sort_arrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M15.17 15 13 17.17V6.83L15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 11 6.83v10.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/spellcheck.svg b/src/frontend/public/uswds/img/usa-icons/spellcheck.svg
new file mode 100644
index 00000000..52331304
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/spellcheck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12.45 16h2.09L9.43 3H7.57L2.46 16h2.09l1.12-3h5.64l1.14 3zm-6.02-5L8.5 5.48 10.57 11H6.43zm15.16.59-8.09 8.09L9.83 16l-1.41 1.41 5.09 5.09L23 13l-1.41-1.41z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/star.svg b/src/frontend/public/uswds/img/usa-icons/star.svg
new file mode 100644
index 00000000..caf1ac57
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/star_half.svg b/src/frontend/public/uswds/img/usa-icons/star_half.svg
new file mode 100644
index 00000000..b93632a1
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/star_half.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4V6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/star_outline.svg b/src/frontend/public/uswds/img/usa-icons/star_outline.svg
new file mode 100644
index 00000000..3d8a3426
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/star_outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/store.svg b/src/frontend/public/uswds/img/usa-icons/store.svg
new file mode 100644
index 00000000..2b06cc5c
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/store.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/support.svg b/src/frontend/public/uswds/img/usa-icons/support.svg
new file mode 100644
index 00000000..23c6817d
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/support.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm7.46 7.12-2.78 1.15a4.982 4.982 0 0 0-2.95-2.94l1.15-2.78c2.1.8 3.77 2.47 4.58 4.57zM12 15c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zM9.13 4.54l1.17 2.78a5 5 0 0 0-2.98 2.97L4.54 9.13a7.984 7.984 0 0 1 4.59-4.59zM4.54 14.87l2.78-1.15a4.968 4.968 0 0 0 2.97 2.96l-1.17 2.78a7.996 7.996 0 0 1-4.58-4.59zm10.34 4.59-1.15-2.78a4.978 4.978 0 0 0 2.95-2.97l2.78 1.17a8.007 8.007 0 0 1-4.58 4.58z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/support_agent.svg b/src/frontend/public/uswds/img/usa-icons/support_agent.svg
new file mode 100644
index 00000000..62f96a33
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/support_agent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 12.22C21 6.73 16.74 3 12 3c-4.69 0-9 3.65-9 9.28-.6.34-1 .98-1 1.72v2c0 1.1.9 2 2 2h1v-6.1c0-3.87 3.13-7 7-7s7 3.13 7 7V19h-8v2h8c1.1 0 2-.9 2-2v-1.22c.59-.31 1-.92 1-1.64v-2.3c0-.7-.41-1.31-1-1.62z"/><circle cx="9" cy="13" r="1"/><circle cx="15" cy="13" r="1"/><path d="M18 11.03A6.04 6.04 0 0 0 12.05 6c-3.03 0-6.29 2.51-6.03 6.45a8.075 8.075 0 0 0 4.86-5.89c1.31 2.63 4 4.44 7.12 4.47z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/text_fields.svg b/src/frontend/public/uswds/img/usa-icons/text_fields.svg
new file mode 100644
index 00000000..705cd754
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/text_fields.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2.5 4v3h5v12h3V7h5V4h-13zm19 5h-9v3h3v7h3v-7h3V9z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/thumb_down_alt.svg b/src/frontend/public/uswds/img/usa-icons/thumb_down_alt.svg
new file mode 100644
index 00000000..2f3b84ca
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/thumb_down_alt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 4h-2c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h2V4zM2.17 11.12c-.11.25-.17.52-.17.8V13c0 1.1.9 2 2 2h5.5l-.92 4.65c-.05.22-.02.46.08.66.23.45.52.86.88 1.22L10 22l6.41-6.41c.38-.38.59-.89.59-1.42V6.34C17 5.05 15.95 4 14.66 4h-8.1c-.71 0-1.36.37-1.72.97l-2.67 6.15z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/thumb_up_alt.svg b/src/frontend/public/uswds/img/usa-icons/thumb_up_alt.svg
new file mode 100644
index 00000000..82d1a63b
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/thumb_up_alt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2 20h2c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1H2v11zm19.83-7.12c.11-.25.17-.52.17-.8V11c0-1.1-.9-2-2-2h-5.5l.92-4.65c.05-.22.02-.46-.08-.66a4.8 4.8 0 0 0-.88-1.22L14 2 7.59 8.41C7.21 8.79 7 9.3 7 9.83v7.84A2.34 2.34 0 0 0 9.34 20h8.11c.7 0 1.36-.37 1.72-.97l2.66-6.15z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/timer.svg b/src/frontend/public/uswds/img/usa-icons/timer.svg
new file mode 100644
index 00000000..ae67cc8e
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/timer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42A8.962 8.962 0 0 0 12 4a9 9 0 0 0-9 9c0 4.97 4.02 9 9 9a8.994 8.994 0 0 0 7.03-14.61zM13 14h-2V8h2v6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/toggle_off.svg b/src/frontend/public/uswds/img/usa-icons/toggle_off.svg
new file mode 100644
index 00000000..35cb6046
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/toggle_off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h10c2.76 0 5-2.24 5-5s-2.24-5-5-5zM7 15c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/toggle_on.svg b/src/frontend/public/uswds/img/usa-icons/toggle_on.svg
new file mode 100644
index 00000000..2ec91bb3
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/toggle_on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h10c2.76 0 5-2.24 5-5s-2.24-5-5-5zm0 8c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/topic.svg b/src/frontend/public/uswds/img/usa-icons/topic.svg
new file mode 100644
index 00000000..caf4e789
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/topic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-6 10H6v-2h8v2zm4-4H6v-2h12v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/tornado.svg b/src/frontend/public/uswds/img/usa-icons/tornado.svg
new file mode 100644
index 00000000..79e5dae1
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/tornado.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M13 16v-2h2.77c.08-.32.16-.65.23-1 1.19-5.95 4-6 4-10H4a10.35 10.35 0 0 0 .48 3H8v2H5.26c.32.69.68 1.36 1 2H10v2H7.51A13.86 13.86 0 0 1 9 15a6.24 6.24 0 0 1-1 6l1 1c2.82-1.54 4.85-3.09 6.1-6Z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/translate.svg b/src/frontend/public/uswds/img/usa-icons/translate.svg
new file mode 100644
index 00000000..9b806048
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/translate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m12.87 15.07-2.54-2.51.03-.03A17.52 17.52 0 0 0 14.07 6H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7 1.62-4.33L19.12 17h-3.24z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/trending_down.svg b/src/frontend/public/uswds/img/usa-icons/trending_down.svg
new file mode 100644
index 00000000..8ba84ae0
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/trending_down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m16 18 2.29-2.29-4.88-4.88-4 4L2 7.41 3.41 6l6 6 4-4 6.3 6.29L22 12v6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/trending_up.svg b/src/frontend/public/uswds/img/usa-icons/trending_up.svg
new file mode 100644
index 00000000..d49f43cf
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/trending_up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m16 6 2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/twitter.svg b/src/frontend/public/uswds/img/usa-icons/twitter.svg
new file mode 100644
index 00000000..a51804db
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/twitter.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.912 7.925v.527A11.562 11.562 0 0 1 8.265 20.098 11.443 11.443 0 0 1 2 18.265c.328.017.657.017.985 0a8.132 8.132 0 0 0 5.093-1.698 4.092 4.092 0 0 1-3.786-2.852c.255.062.518.091.781.085.36-.002.72-.047 1.07-.136a4.109 4.109 0 0 1-3.21-4.024c.566.32 1.202.494 1.851.51a4.126 4.126 0 0 1-1.34-5.518 11.613 11.613 0 0 0 8.488 4.295 4.397 4.397 0 0 1-.119-.934 4.092 4.092 0 0 1 4.092-4.092 4.04 4.04 0 0 1 3.005 1.29 7.929 7.929 0 0 0 2.53-1c-.3.953-.94 1.763-1.8 2.274A7.725 7.725 0 0 0 22 5.803a8.489 8.489 0 0 1-2.088 2.122Z" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/undo.svg b/src/frontend/public/uswds/img/usa-icons/undo.svg
new file mode 100644
index 00000000..c37cf401
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/undo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/unfold_less.svg b/src/frontend/public/uswds/img/usa-icons/unfold_less.svg
new file mode 100644
index 00000000..5515e46d
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/unfold_less.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 18.59 8.83 20 12 16.83 15.17 20l1.41-1.41L12 14l-4.59 4.59zm9.18-13.18L15.17 4 12 7.17 8.83 4 7.41 5.41 12 10l4.59-4.59z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/unfold_more.svg b/src/frontend/public/uswds/img/usa-icons/unfold_more.svg
new file mode 100644
index 00000000..e6b3d61a
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/unfold_more.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/update.svg b/src/frontend/public/uswds/img/usa-icons/update.svg
new file mode 100644
index 00000000..2e02f709
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/update.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 10.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1-2.73 2.71-2.73 7.08 0 9.79s7.15 2.71 9.88 0C18.32 15.65 19 14.08 19 12.1h2c0 1.98-.88 4.55-2.64 6.29-3.51 3.48-9.21 3.48-12.72 0-3.5-3.47-3.53-9.11-.02-12.58s9.14-3.47 12.65 0L21 3v7.12zM12.5 8v4.25l3.5 2.08-.72 1.21L11 13V8h1.5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/upload_file.svg b/src/frontend/public/uswds/img/usa-icons/upload_file.svg
new file mode 100644
index 00000000..cd4b6e67
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/upload_file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/verified.svg b/src/frontend/public/uswds/img/usa-icons/verified.svg
new file mode 100644
index 00000000..d26a7b2b
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/verified.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m23 12-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 12zm-12.91 4.72-3.8-3.81 1.48-1.48 2.32 2.33 5.85-5.87 1.48 1.48-7.33 7.35z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/verified_user.svg b/src/frontend/public/uswds/img/usa-icons/verified_user.svg
new file mode 100644
index 00000000..451df896
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/verified_user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/visibility.svg b/src/frontend/public/uswds/img/usa-icons/visibility.svg
new file mode 100644
index 00000000..5c700e39
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/visibility.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/visibility_off.svg b/src/frontend/public/uswds/img/usa-icons/visibility_off.svg
new file mode 100644
index 00000000..9f804ec1
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/visibility_off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46A11.804 11.804 0 0 0 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/volume_off.svg b/src/frontend/public/uswds/img/usa-icons/volume_off.svg
new file mode 100644
index 00000000..dc8b1bdb
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/volume_off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.5 12A4.5 4.5 0 0 0 14 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4 9.91 6.09 12 8.18V4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/warning.svg b/src/frontend/public/uswds/img/usa-icons/warning.svg
new file mode 100644
index 00000000..dfcf997c
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/warning.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/wash.svg b/src/frontend/public/uswds/img/usa-icons/wash.svg
new file mode 100644
index 00000000..848078e2
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/wash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.5 8A2.5 2.5 0 0 0 21 5.5C21 3.83 18.5 1 18.5 1S16 3.83 16 5.5A2.5 2.5 0 0 0 18.5 8zm-5 1c.83 0 1.5-.67 1.5-1.5 0-.84-1.5-2.5-1.5-2.5S12 6.66 12 7.5c0 .83.67 1.5 1.5 1.5zM9.12 5l-7.18 6.79c-.6.56-.94 1.35-.94 2.18V20c0 1.66 1.34 3 3 3h13.75a1.25 1.25 0 0 0 0-2.5H12v-1h7.75a1.25 1.25 0 0 0 0-2.5H12v-1h8.75a1.25 1.25 0 0 0 0-2.5H12v-1h6.75a1.25 1.25 0 0 0 0-2.5H8.86c.64-1.11 1.48-2.58 1.49-2.61a1.065 1.065 0 0 0-.12-1.23C10.22 6.12 9.12 5 9.12 5z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/wifi.svg b/src/frontend/public/uswds/img/usa-icons/wifi.svg
new file mode 100644
index 00000000..58837143
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/wifi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m1 9 2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8 3 3 3-3a4.237 4.237 0 0 0-6 0zm-4-4 2 2a7.074 7.074 0 0 1 10 0l2-2C15.14 9.14 8.87 9.14 5 13z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/work.svg b/src/frontend/public/uswds/img/usa-icons/work.svg
new file mode 100644
index 00000000..ac4f81cf
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/work.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/x.svg b/src/frontend/public/uswds/img/usa-icons/x.svg
new file mode 100644
index 00000000..65be2b64
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/x.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.522 10.775 19.48 4h-1.412l-5.172 5.883L8.765 4H4l6.247 8.895L4 20h1.412l5.461-6.212L15.236 20H20l-6.478-9.225Zm-1.933 2.199-.633-.886L5.92 5.04h2.168l4.064 5.688.633.886 5.283 7.394H15.9l-4.311-6.034Z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/youtube.svg b/src/frontend/public/uswds/img/usa-icons/youtube.svg
new file mode 100644
index 00000000..f9905bd8
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/youtube.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.816 5.389a2.469 2.469 0 0 1 1.766 1.746c.291 1.598.43 3.22.417 4.843a25.867 25.867 0 0 1-.417 4.794 2.468 2.468 0 0 1-1.766 1.795c-2.593.318-5.204.46-7.816.429a58.411 58.411 0 0 1-7.816-.429 2.469 2.469 0 0 1-1.766-1.746 25.879 25.879 0 0 1-.417-4.843 25.85 25.85 0 0 1 .417-4.793 2.468 2.468 0 0 1 1.766-1.796c2.594-.3 5.205-.427 7.816-.379a58.413 58.413 0 0 1 7.816.379ZM9.95 9.046v5.864l5.233-2.932L9.95 9.046Z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/zoom_in.svg b/src/frontend/public/uswds/img/usa-icons/zoom_in.svg
new file mode 100644
index 00000000..0c257ee8
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/zoom_in.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/zoom_out.svg b/src/frontend/public/uswds/img/usa-icons/zoom_out.svg
new file mode 100644
index 00000000..b511470c
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/zoom_out.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z"/></svg>
\ No newline at end of file
diff --git a/src/frontend/public/uswds/img/usa-icons/zoom_out_map.svg b/src/frontend/public/uswds/img/usa-icons/zoom_out_map.svg
new file mode 100644
index 00000000..c8c76b2c
--- /dev/null
+++ b/src/frontend/public/uswds/img/usa-icons/zoom_out_map.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m15 3 2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3h-6zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3v6zm6 12-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6h6zm12-6-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6v-6z"/></svg>
\ No newline at end of file

From 5a6e398e33ed2ddf8bb1f3638e70322485e69902 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.gading@civicactions.com>
Date: Mon, 9 Dec 2024 12:55:12 -0500
Subject: [PATCH 03/10] Config for new goal page

---
 ...graphql_servers.graphql_compose_server.yml |  2 +-
 config/graphql_compose.settings.yml           | 90 +++++++++++++++----
 config/pathauto.pattern.goal.yml              |  6 +-
 config/search_api.index.goals.yml             |  2 +-
 config/user.role.next_js_site.yml             |  8 ++
 5 files changed, 84 insertions(+), 24 deletions(-)

diff --git a/config/graphql.graphql_servers.graphql_compose_server.yml b/config/graphql.graphql_servers.graphql_compose_server.yml
index e7acc29d..5114fda7 100644
--- a/config/graphql.graphql_servers.graphql_compose_server.yml
+++ b/config/graphql.graphql_servers.graphql_compose_server.yml
@@ -7,7 +7,7 @@ _core:
 name: graphql_compose_server
 label: 'GraphQL Compose - Server'
 endpoint: /graphql
-debug_flag: 0
+debug_flag: 3
 schema: graphql_compose
 caching: true
 batching: true
diff --git a/config/graphql_compose.settings.yml b/config/graphql_compose.settings.yml
index fc675994..a045138e 100644
--- a/config/graphql_compose.settings.yml
+++ b/config/graphql_compose.settings.yml
@@ -47,8 +47,6 @@ entity_config:
     tools:
       enabled: false
   node:
-    administration:
-      enabled: false
     agency:
       enabled: true
       query_load_enabled: true
@@ -58,36 +56,37 @@ entity_config:
       enabled: false
     division:
       enabled: false
-    period:
-      enabled: false
     goal:
       enabled: true
       query_load_enabled: true
       edges_enabled: true
       routes_enabled: true
-    milestone:
-      enabled: false
     objective:
-      enabled: false
-    page:
-      enabled: false
-    plan:
       enabled: true
       query_load_enabled: true
       edges_enabled: true
       routes_enabled: true
-    project:
+    page:
       enabled: false
-    subgoal:
+    plan:
       enabled: true
       query_load_enabled: true
       edges_enabled: true
       routes_enabled: true
-    update:
+    report:
+      enabled: true
+  storage:
+    administration:
       enabled: false
-  taxonomy_term:
-    designations:
+    indicator:
+      enabled: true
+    measurement:
+      enabled: true
+    period:
+      enabled: true
+    person:
       enabled: false
+  taxonomy_term:
     tags:
       enabled: true
       query_load_enabled: true
@@ -128,14 +127,31 @@ field_config:
     goal:
       body:
         enabled: true
+      field_goal_type:
+        enabled: true
       field_id:
         enabled: true
-      field_parent:
+      field_objectives:
+        enabled: true
+      field_period:
         enabled: true
       field_plan:
         enabled: true
       field_topics:
         enabled: true
+    objective:
+      body:
+        enabled: true
+      field_agency:
+        enabled: true
+      field_division:
+        enabled: true
+      field_goal:
+        enabled: true
+      field_indicators:
+        enabled: true
+      field_objective_type:
+        enabled: true
     plan:
       body:
         enabled: true
@@ -147,9 +163,42 @@ field_config:
         enabled: true
       field_link:
         enabled: true
-    subgoal: {  }
-  taxonomy_term:
-    topics: {  }
+  storage:
+    indicator:
+      field_description:
+        enabled: true
+      field_dimension:
+        enabled: true
+      field_divisions:
+        enabled: true
+      field_id:
+        enabled: true
+      field_keyness:
+        enabled: true
+      field_measurements:
+        enabled: true
+      field_notes:
+        enabled: true
+      field_objective:
+        enabled: true
+      field_plan:
+        enabled: true
+      field_target:
+        enabled: true
+    measurement:
+      field_indicator:
+        enabled: true
+      field_period:
+        enabled: true
+      field_target_value:
+        enabled: true
+      field_value:
+        enabled: true
+    period:
+      field_date_range:
+        enabled: true
+      field_duration:
+        enabled: true
 settings:
   exclude_unpublished: true
   expose_entity_ids: false
@@ -161,5 +210,8 @@ settings:
   site_name: false
   site_slogan: false
   site_front: true
+  svg_image: false
+  svg_filesize: 100
   inflector_langcode: en
   inflector_singularize: true
+  edge_max_limit: 100
diff --git a/config/pathauto.pattern.goal.yml b/config/pathauto.pattern.goal.yml
index 421a2e29..27262a4b 100644
--- a/config/pathauto.pattern.goal.yml
+++ b/config/pathauto.pattern.goal.yml
@@ -7,12 +7,12 @@ dependencies:
 id: goal
 label: Goal
 type: 'canonical_entities:node'
-pattern: '[node:field_plan:entity:field_agency:entity:url:path]/[node:title]'
+pattern: '/agencies[node:field_plan:entity:field_agency:entity:field_acronym]/[node:title]'
 selection_criteria:
-  e9d32031-790b-4038-889f-0c7217afe139:
+  9702f5f9-3d17-4be3-baea-5c2cf4f01fe3:
     id: 'entity_bundle:node'
     negate: false
-    uuid: e9d32031-790b-4038-889f-0c7217afe139
+    uuid: 9702f5f9-3d17-4be3-baea-5c2cf4f01fe3
     context_mapping:
       node: node
     bundles:
diff --git a/config/search_api.index.goals.yml b/config/search_api.index.goals.yml
index 2247e0f8..67b2e287 100644
--- a/config/search_api.index.goals.yml
+++ b/config/search_api.index.goals.yml
@@ -27,7 +27,7 @@ field_settings:
     label: 'Topics » Taxonomy term » Name'
     datasource_id: 'entity:node'
     property_path: 'field_topics:entity:name'
-    type: text
+    type: string
     dependencies:
       config:
         - field.storage.node.field_topics
diff --git a/config/user.role.next_js_site.yml b/config/user.role.next_js_site.yml
index 41ce126c..f8661493 100644
--- a/config/user.role.next_js_site.yml
+++ b/config/user.role.next_js_site.yml
@@ -2,9 +2,14 @@ uuid: d995f54b-897b-49c2-817e-83c99723ca18
 langcode: en
 status: true
 dependencies:
+  config:
+    - storage.storage_type.indicator
+    - storage.storage_type.measurement
+    - storage.storage_type.period
   module:
     - graphql
     - node
+    - storage
     - subrequests
 id: next_js_site
 label: 'Next.js Site'
@@ -20,3 +25,6 @@ permissions:
   - 'issue subrequests'
   - 'use graphql_compose_server graphql explorer'
   - 'use graphql_compose_server graphql voyager'
+  - 'view published indicator storage entities'
+  - 'view published measurement storage entities'
+  - 'view published period storage entities'

From c7894679ce8183e861b2f5447efa92fa38700f73 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.gading@civicactions.com>
Date: Mon, 9 Dec 2024 13:54:28 -0500
Subject: [PATCH 04/10] add patch for Storage entities in GraphQL Compose

---
 composer.json | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/composer.json b/composer.json
index 1d5c56bf..f876390a 100644
--- a/composer.json
+++ b/composer.json
@@ -123,6 +123,9 @@
         "patches": {
             "drupal/default_content": {
                 "Add a drush command to export all content to config (can be removed once a permanent database is established)": "https://www.drupal.org/files/issues/2023-10-06/2786479-46.patch"
+            },
+            "drupal/graphql_compose": {
+                "Add Storage to GraphQL Compose entity types.": "https://www.drupal.org/files/issues/2024-12-06/3492332-storage-entity.patch"
             }
         }
     },

From 3628514c4c571b80d46a1764eac735b0766e85b3 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.gading@civicactions.com>
Date: Mon, 9 Dec 2024 13:54:46 -0500
Subject: [PATCH 05/10] clean up tsx and start adding types

---
 src/frontend/components/field--logo.tsx       | 17 +++-
 src/frontend/components/field--objectives.tsx | 46 ++++++++--
 src/frontend/components/node--agency.tsx      |  4 +-
 src/frontend/components/node--goal.tsx        |  8 +-
 src/frontend/components/usa--breadcrumb.tsx   | 10 ++-
 src/frontend/components/usa--in-page-nav.tsx  | 13 ++-
 src/frontend/components/view--goal-search.tsx |  4 +-
 src/frontend/pages/[...slug].tsx              | 85 +++++++++----------
 8 files changed, 120 insertions(+), 67 deletions(-)

diff --git a/src/frontend/components/field--logo.tsx b/src/frontend/components/field--logo.tsx
index 2d306266..72510048 100644
--- a/src/frontend/components/field--logo.tsx
+++ b/src/frontend/components/field--logo.tsx
@@ -1,14 +1,25 @@
 import Image from "next/image";
 import { absoluteUrl } from "lib/utils";
 
+export interface FieldLogoProps {
+  field_logo: {
+    name: string;
+    field_media_image: {
+      uri: {
+        url: string;
+      }
+    }
+  };
+}
 
-export function FieldLogo({field_logo}) {
+export function FieldLogo({field_logo} : FieldLogoProps) {
+  const { field_media_image, name } = field_logo;
   return (
     <Image
-      src={absoluteUrl(field_logo.field_media_image.uri.url)}
+      src={absoluteUrl(field_media_image.uri.url)}
       width={150}
       height={150}
-      alt={field_logo.name}
+      alt={name}
       priority
       className="margin-top-3"
     />
diff --git a/src/frontend/components/field--objectives.tsx b/src/frontend/components/field--objectives.tsx
index 36d8b6cc..b6804a8d 100644
--- a/src/frontend/components/field--objectives.tsx
+++ b/src/frontend/components/field--objectives.tsx
@@ -1,8 +1,45 @@
 import { formatDate } from "lib/utils";
 
 
-export function FieldObjectives({fieldObjectives}) {
-  console.log(fieldObjectives)
+interface FieldPeriodProps {
+  dateRange: {
+    end: {
+      time: string;
+    }
+    start: {
+      time: string;
+    }
+  }
+  duration: string;
+  id: string;
+  name: string;
+}
+
+interface FieldMeasurementProps {
+  id: string;
+  name: string;
+  status: boolean;
+  targetValue: number;
+  value: number;
+  period: FieldPeriodProps;
+}
+
+interface FieldIndicatorProps {
+  id: string;
+  measurements: Array<FieldMeasurementProps>;
+  name: string;
+}
+
+interface FieldObjectiveProps {
+  fieldObjectives: Array<{
+    id: string;
+    title: string;
+    indicators: Array<FieldIndicatorProps>
+  }>
+}
+
+
+export function FieldObjectives({fieldObjectives} : FieldObjectiveProps) {
   return (
     <div>
       <h2 className="font-sans-2xl margin-bottom-1" id="related-resources">
@@ -47,10 +84,5 @@ export function FieldObjectives({fieldObjectives}) {
         ))}
       </ol>
     </div>
-    
-    
   );
 }
-
-
-
diff --git a/src/frontend/components/node--agency.tsx b/src/frontend/components/node--agency.tsx
index bad61c83..671e5627 100644
--- a/src/frontend/components/node--agency.tsx
+++ b/src/frontend/components/node--agency.tsx
@@ -14,7 +14,7 @@ export function NodeAgency({ node, ...props }: NodeAgencyProps) {
     <>
       <USABreadcrumb links={breadcrumbLinks} activeItem={node.field_acronym} />
       <div className="grid-row">
-        <div className="desktop:grid-col-3">
+        <div className="desktop:grid-col-4">
           <USAInPageNav
             logo={node.field_logo ? node.field_logo : null}
             links={[
@@ -25,7 +25,7 @@ export function NodeAgency({ node, ...props }: NodeAgencyProps) {
             ]}
           />
         </div>
-        <div className="desktop:grid-col-9">
+        <div className="desktop:grid-col-8">
           <h1 className="font-sans-3xl">{node.title}</h1>
           <main id="main-content" className="main-content">
             <h2 className="font-sans-2xl" id="mission">
diff --git a/src/frontend/components/node--goal.tsx b/src/frontend/components/node--goal.tsx
index bfb03d6a..970c108a 100644
--- a/src/frontend/components/node--goal.tsx
+++ b/src/frontend/components/node--goal.tsx
@@ -11,9 +11,8 @@ interface NodeGoalProps {
 }
 
 export function NodeGoal({ node, storageData, ...props }: NodeGoalProps) {
-  const { title, field_topics, field_goal_type, field_plan, field_objectives } = node;
+  const { title, field_topics, field_goal_type, field_plan } = node;
   const { field_agency } = field_plan;
-  const [objectives, setObjectives] = useState([]);
   let goalTypeString = field_goal_type;
   if (field_goal_type == "apg") {
     goalTypeString = "priority";
@@ -22,7 +21,6 @@ export function NodeGoal({ node, storageData, ...props }: NodeGoalProps) {
     {label: "Agencies", href: "/agencies"},
     {label: field_agency.field_acronym, href: field_agency.path.alias}
   ];
-  console.log(node)
   return (
     <>
       <USABreadcrumb activeItem={title} links={breadcrumbLinks} />
@@ -33,7 +31,7 @@ export function NodeGoal({ node, storageData, ...props }: NodeGoalProps) {
       </div>
       
       <div className="grid-row">
-        <div className="desktop:grid-col-3">
+        <div className="desktop:grid-col-4">
           <USAInPageNav 
             logo={field_agency.field_logo ? field_agency.field_logo : null}
             logoAbove={false}
@@ -44,7 +42,7 @@ export function NodeGoal({ node, storageData, ...props }: NodeGoalProps) {
             ]}
           />
         </div>
-        <div className="desktop:grid-col-9">
+        <div className="desktop:grid-col-8">
           <h1 className="font-sans-2xl">{title}</h1>
           <main id="main-content" className="main-content">
             <h2 className="font-sans-xl" id="about-goal">
diff --git a/src/frontend/components/usa--breadcrumb.tsx b/src/frontend/components/usa--breadcrumb.tsx
index 8282a6b8..65ab9437 100644
--- a/src/frontend/components/usa--breadcrumb.tsx
+++ b/src/frontend/components/usa--breadcrumb.tsx
@@ -1,6 +1,14 @@
 import { Breadcrumb, BreadcrumbBar, BreadcrumbLink } from "@trussworks/react-uswds";
 
-export function USABreadcrumb({activeItem, links}) {
+interface USABreadcrumbProps {
+  activeItem: string;
+  links: Array<{
+    label: string;
+    href: string;
+  }>;
+}
+
+export function USABreadcrumb({activeItem, links}: USABreadcrumbProps) {
   return (
     <BreadcrumbBar>
       <Breadcrumb>
diff --git a/src/frontend/components/usa--in-page-nav.tsx b/src/frontend/components/usa--in-page-nav.tsx
index 61193036..9e2223e1 100644
--- a/src/frontend/components/usa--in-page-nav.tsx
+++ b/src/frontend/components/usa--in-page-nav.tsx
@@ -1,9 +1,18 @@
 import * as React from "react";
-import { FieldLogo } from './field--logo';
+import { FieldLogo, FieldLogoProps } from './field--logo';
+
+interface USAInPageNavProps {
+  logo: FieldLogoProps;
+  logoAbove: boolean;
+  links: Array<{
+    label: string;
+    href: string;
+  }>;
+}
 
 // TODO: Add scrollTo code for long pages when using in page navigation.
 
-export function USAInPageNav({links, logo, logoAbove = true}) {
+export function USAInPageNav({links, logo, logoAbove = true}: USAInPageNavProps) {
   return (
     <aside
       className="usa-in-page-nav"
diff --git a/src/frontend/components/view--goal-search.tsx b/src/frontend/components/view--goal-search.tsx
index 498031f2..34f57107 100644
--- a/src/frontend/components/view--goal-search.tsx
+++ b/src/frontend/components/view--goal-search.tsx
@@ -1,12 +1,12 @@
 import { useState, useEffect, FormEvent } from "react";
 import { Button } from "@trussworks/react-uswds";
-import { NodeGoal, ViewFilter } from "lib/types";
+import { NodeGoalProps, ViewFilter } from "lib/types";
 import { NodeGoalCard } from "./node--goal--card";
 import { ViewGoalSearchFacet } from "./view--goal-search--facet";
 import { ViewGoalSearchFulltext } from "./view--goal-search--fulltext";
 
 interface ViewGoalSearch {
-  goals: Array<NodeGoal>,
+  goals: Array<NodeGoalProps>,
   description: string,
   filters: Array<ViewFilter>,
   total: number
diff --git a/src/frontend/pages/[...slug].tsx b/src/frontend/pages/[...slug].tsx
index dc3c4575..06eb0366 100644
--- a/src/frontend/pages/[...slug].tsx
+++ b/src/frontend/pages/[...slug].tsx
@@ -55,10 +55,7 @@ export async function getStaticProps(
 
   const type = path.jsonapi.resourceName;
   const params = new DrupalJsonApiParams();
-  
-  
-  // ?include=field_topics%2Cfield_objectives%2Cfield_objectives.field_indicators%2Cfield_objectives.field_indicators.field_measurements%2Cfield_plan%2Cfield_plan.field_agency%2Cfield_plan.field_agency.field_logo%2Cfield_plan.field_agency.field_logo.field_media_image&fields%5Bnode--plan%5D=field_agency&fields%5Bnode--objective%5D=title%2Cbody%2Cfield_indicators&fields%5Bstorage--indicator%5D=name
-  
+
   if (type === "node--article") {
     params.addInclude(["field_image, uid"]);
   } else if (type === "node--agency") {
@@ -77,50 +74,48 @@ export async function getStaticProps(
     ]);
     params.addFields("node--plan", ["field_agency", "title"]);
     params.addFields("node--objective", ["title", "body", "field_indicators"]);
-    // params.addFields("storage--indicator", ["name, id, field_measurements"]);
   }
 
-  // if (type !== "node--goal") {
-    const resource = await drupal.getResourceFromContext<DrupalNode>(
-      path,
-      context,
-      {
-        params: params.getQueryObject(),
-      },
-    );
-  
-    // At this point, we know the path exists and it points to a resource.
-    // If we receive an error, it means something went wrong on Drupal.
-    // We throw an error to tell revalidation to skip this for now.
-    // Revalidation can try again on next request.
-    if (!resource) {
-      throw new Error(`Failed to fetch resource: ${path.jsonapi.individual}`);
-    }
+  const resource = await drupal.getResourceFromContext<DrupalNode>(
+    path,
+    context,
+    {
+      params: params.getQueryObject(),
+    },
+  );
   
-    // If we're not in preview mode and the resource is not published,
-    // Return page not found.
-    if (!context.preview && resource?.status === false) {
-      return {
-        notFound: true,
-      };
-    }
-    let storageData = {};
-    if (type === "node--goal") {
-      const graphqlUrl = drupal.buildUrl("/graphql");
-      const response = await drupal.fetch(graphqlUrl.toString(), {
-        method: "POST",
-        withAuth: true, // Make authenticated requests using OAuth.
-        body: JSON.stringify({
-          query: nodeQueries.nodeGoal(path?.entity?.path),
-        }),
-      });
-      const { data } = await response.json();
-      storageData = data?.route.entity;
-    }
+  // At this point, we know the path exists and it points to a resource.
+  // If we receive an error, it means something went wrong on Drupal.
+  // We throw an error to tell revalidation to skip this for now.
+  // Revalidation can try again on next request.
+  if (!resource) {
+    throw new Error(`Failed to fetch resource: ${path.jsonapi.individual}`);
+  }
+
+  // If we're not in preview mode and the resource is not published,
+  // Return page not found.
+  if (!context.preview && resource?.status === false) {
     return {
-      props: {
-        resource,
-        storageData,
-      },
+      notFound: true,
     };
+  }
+  let storageData = {};
+  if (type === "node--goal") {
+    const graphqlUrl = drupal.buildUrl("/graphql");
+    const response = await drupal.fetch(graphqlUrl.toString(), {
+      method: "POST",
+      withAuth: true, // Make authenticated requests using OAuth.
+      body: JSON.stringify({
+        query: nodeQueries.nodeGoal(path?.entity?.path),
+      }),
+    });
+    const { data } = await response.json();
+    storageData = data?.route?.entity;
+  }
+  return {
+    props: {
+      resource,
+      storageData,
+    },
+  };
 }

From 9b880648e98be14565575e665aabc1b957c2f856 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.gading@civicactions.com>
Date: Mon, 9 Dec 2024 17:11:57 -0500
Subject: [PATCH 06/10] Make side nav more robust

---
 src/frontend/components/field--objectives.tsx | 50 ++++++++++---------
 src/frontend/components/layout.tsx            |  2 +-
 src/frontend/components/node--goal--card.tsx  |  9 ++--
 src/frontend/components/node--goal.tsx        | 39 +++++++++++----
 src/frontend/components/usa--in-page-nav.tsx  | 17 ++-----
 src/frontend/pages/[...slug].tsx              |  1 -
 6 files changed, 65 insertions(+), 53 deletions(-)

diff --git a/src/frontend/components/field--objectives.tsx b/src/frontend/components/field--objectives.tsx
index b6804a8d..41add2cb 100644
--- a/src/frontend/components/field--objectives.tsx
+++ b/src/frontend/components/field--objectives.tsx
@@ -48,38 +48,42 @@ export function FieldObjectives({fieldObjectives} : FieldObjectiveProps) {
       <ol className="add-list-reset">
         {fieldObjectives.map((objective, index) => (
           <li key={objective.id} className={`${index > 0 ? "border-top" : ""}`}>
-            <h3>{objective.title}</h3>
+            <h3 id={objective.id}>{objective.title}</h3>
             <h4 className="margin-bottom-0">Performance indicators</h4>
+            {objective.indicators.length > 0 && (
               <ol className="add-list-reset">
                 {objective.indicators.map((indicator) => (
                   <li key={indicator.id}>
                     <p>{indicator.name}</p>
-                    <table className="usa-table usa-table--stacked width-full">
-                      <caption className="usa-sr-only">
-                        Date and result measurements for the {indicator.name} performance indicator.
-                      </caption>
-                      <thead>
-                        <tr>
-                          <th>Start date</th>
-                          <th>End date</th>
-                          <th>Actual result</th>
-                          <th>Target result</th>
-                        </tr>
-                      </thead>
-                      <tbody>
-                        {indicator.measurements.map((measurement) => (
-                          <tr key={measurement.id}>
-                            <td>{formatDate(measurement.period.dateRange.start.time)}</td>
-                            <td>{formatDate(measurement.period.dateRange.end.time)}</td>
-                            <td>{measurement.value ? measurement.value : "N/A"}</td>
-                            <td>{measurement.targetValue ? measurement.targetValue : "N/A"}</td>
+                    {(indicator.measurements && indicator.measurements.length > 0) && (
+                      <table className="usa-table usa-table--stacked width-full">
+                        <caption className="usa-sr-only">
+                          Date and result measurements for the {indicator.name} performance indicator.
+                        </caption>
+                        <thead>
+                          <tr>
+                            <th>Start date</th>
+                            <th>End date</th>
+                            <th>Actual result</th>
+                            <th>Target result</th>
                           </tr>
-                        ))}
-                      </tbody>
-                    </table>
+                        </thead>
+                        <tbody>
+                          {indicator.measurements.map((measurement) => (
+                            <tr key={measurement.id}>
+                              <td>{formatDate(measurement.period.dateRange.start.time)}</td>
+                              <td>{formatDate(measurement.period.dateRange.end.time)}</td>
+                              <td>{measurement.value ? measurement.value : "N/A"}</td>
+                              <td>{measurement.targetValue ? measurement.targetValue : "N/A"}</td>
+                            </tr>
+                          ))}
+                        </tbody>
+                      </table>
+                      )}
                   </li>
                 ))}
               </ol>
+            )}
           </li>
         ))}
       </ol>
diff --git a/src/frontend/components/layout.tsx b/src/frontend/components/layout.tsx
index 1dd965df..4055da56 100644
--- a/src/frontend/components/layout.tsx
+++ b/src/frontend/components/layout.tsx
@@ -2,6 +2,7 @@ import Link from "next/link";
 import { GovBanner } from "@trussworks/react-uswds";
 import { PreviewAlert } from "components/preview-alert";
 
+
 export function Layout({ children }) {
   return (
     <>
@@ -11,7 +12,6 @@ export function Layout({ children }) {
           <GovBanner />
         </header>
         <main className="grid-container margin-bottom-4">{children}</main>
-        
       </div>
       <footer className="width-full display-block height-8 bg-black"></footer>
     </>
diff --git a/src/frontend/components/node--goal--card.tsx b/src/frontend/components/node--goal--card.tsx
index 726779bb..ecb3fce4 100644
--- a/src/frontend/components/node--goal--card.tsx
+++ b/src/frontend/components/node--goal--card.tsx
@@ -1,8 +1,9 @@
-import { NodeGoal } from "lib/types";
+import Link from 'next/link'
+import { NodeGoalProps } from "lib/types";
 import { truncateString } from "lib/utils";
 
 interface NodeGoalCardProps {
-  goal: NodeGoal
+  goal: NodeGoalProps
 }
 
 export function NodeGoalCard({ goal, ...props }: NodeGoalCardProps) {
@@ -18,9 +19,9 @@ export function NodeGoalCard({ goal, ...props }: NodeGoalCardProps) {
         </div>
       }
       <div className="usa-card__footer">
-        <a href={path} className="usa-button">
+        <Link href={path} className="usa-button">
           Explore goal
-        </a>
+        </Link>
       </div>
     </div>
   );
diff --git a/src/frontend/components/node--goal.tsx b/src/frontend/components/node--goal.tsx
index 970c108a..81522558 100644
--- a/src/frontend/components/node--goal.tsx
+++ b/src/frontend/components/node--goal.tsx
@@ -1,4 +1,5 @@
-import { useState} from 'react';
+import { useRef } from 'react';
+import Link from 'next/link'
 import { DrupalNode } from "next-drupal";
 import { USAInPageNav } from "./usa--in-page-nav";
 import { FieldGoalType } from "./field--goal-type";
@@ -11,6 +12,7 @@ interface NodeGoalProps {
 }
 
 export function NodeGoal({ node, storageData, ...props }: NodeGoalProps) {
+  let mainContentRef = useRef();
   const { title, field_topics, field_goal_type, field_plan } = node;
   const { field_agency } = field_plan;
   let goalTypeString = field_goal_type;
@@ -21,6 +23,21 @@ export function NodeGoal({ node, storageData, ...props }: NodeGoalProps) {
     {label: "Agencies", href: "/agencies"},
     {label: field_agency.field_acronym, href: field_agency.path.alias}
   ];
+
+  function buildInPageLinks() {
+    let links = [
+      {href: "#goal-description", label: `About this ${field_agency.field_acronym} ${goalTypeString} goal`, primary: true}
+    ];
+    if (storageData.objectives) {
+      links.push({href: "#objectives", label: `Objectives`, primary: true});
+      storageData.objectives.forEach((objective) => {
+        links.push({href: `#${objective.id}`, label: objective.title, primary: false });
+      })
+
+    }
+    return links;
+  }
+
   return (
     <>
       <USABreadcrumb activeItem={title} links={breadcrumbLinks} />
@@ -29,23 +46,18 @@ export function NodeGoal({ node, storageData, ...props }: NodeGoalProps) {
           <FieldGoalType field_goal_type={field_goal_type} />
         </div>
       </div>
-      
       <div className="grid-row">
         <div className="desktop:grid-col-4">
           <USAInPageNav 
             logo={field_agency.field_logo ? field_agency.field_logo : null}
             logoAbove={false}
-            links={[
-              {href: "#about-goal", label: `About this ${field_agency.field_acronym} ${goalTypeString} goal`},
-              {href: "#what-is-goal", label: `What is a ${goalTypeString} goal?`},
-              {href: "#related-goals", label: "Related goals"}
-            ]}
+            links={buildInPageLinks()}
           />
         </div>
         <div className="desktop:grid-col-8">
           <h1 className="font-sans-2xl">{title}</h1>
-          <main id="main-content" className="main-content">
-            <h2 className="font-sans-xl" id="about-goal">
+          <main id="main-content" className="main-content" ref={mainContentRef}>
+            <h2 className="font-sans-xl" id="goal-description">
               About this {field_agency.field_acronym} {goalTypeString} goal
             </h2>
             {node.body?.processed && (
@@ -54,8 +66,13 @@ export function NodeGoal({ node, storageData, ...props }: NodeGoalProps) {
                 className="font-body-md"
               />
             )}
-            <p><span className="text-bold">Strategic plan:</span> {field_plan.title}</p>
-            <FieldObjectives fieldObjectives={storageData.objectives} />
+            <p>
+              <span className="text-bold">Strategic plan:</span>{" "}
+              <Link href={`${field_agency.path.alias}`}>{field_plan.title}</Link>
+            </p>
+            {storageData.objectives && (
+              <FieldObjectives fieldObjectives={storageData.objectives} />
+            )}
             {field_topics.length > 0 && (
               <ul className="add-list-reset grid-row">
                 {field_topics.map((topic) => (
diff --git a/src/frontend/components/usa--in-page-nav.tsx b/src/frontend/components/usa--in-page-nav.tsx
index 9e2223e1..39916f6d 100644
--- a/src/frontend/components/usa--in-page-nav.tsx
+++ b/src/frontend/components/usa--in-page-nav.tsx
@@ -1,18 +1,9 @@
 import * as React from "react";
-import { FieldLogo, FieldLogoProps } from './field--logo';
-
-interface USAInPageNavProps {
-  logo: FieldLogoProps;
-  logoAbove: boolean;
-  links: Array<{
-    label: string;
-    href: string;
-  }>;
-}
+import { FieldLogo } from './field--logo';
 
 // TODO: Add scrollTo code for long pages when using in page navigation.
 
-export function USAInPageNav({links, logo, logoAbove = true}: USAInPageNavProps) {
+export function USAInPageNav({links, logo, logoAbove = true}) {
   return (
     <aside
       className="usa-in-page-nav"
@@ -20,7 +11,7 @@ export function USAInPageNav({links, logo, logoAbove = true}: USAInPageNavProps)
       data-scroll-offset="-120"
       data-root-margin="48px 0px -90% 0px"
       data-threshold="1"
-      data-heading-elements=""
+      data-main-content-selector="#main-content"
     >
       {(logo && logoAbove) && (
         <FieldLogo field_logo={logo} />
@@ -32,7 +23,7 @@ export function USAInPageNav({links, logo, logoAbove = true}: USAInPageNavProps)
         
         <ul className="usa-in-page-nav__list">
           {links.map((link) => (
-            <li key={link.href} className="usa-in-page-nav__item usa-in-page-nav__item--primary">
+            <li key={link.href} className={`usa-in-page-nav__item${link.primary ? " usa-in-page-nav__item--primary" : ""}`}>
               <a
                 href={link.href}
                 className="usa-in-page-nav__link"
diff --git a/src/frontend/pages/[...slug].tsx b/src/frontend/pages/[...slug].tsx
index 06eb0366..57bd4079 100644
--- a/src/frontend/pages/[...slug].tsx
+++ b/src/frontend/pages/[...slug].tsx
@@ -1,4 +1,3 @@
-import { useEffect } from "react";
 import { GetStaticPathsResult, GetStaticPropsResult } from "next";
 import { DrupalJsonApiParams } from "drupal-jsonapi-params";
 import Head from "next/head";

From bde49ce82aa2bc2216326e5256daa658530fd11c Mon Sep 17 00:00:00 2001
From: Daniel <daniel.gading@civicactions.com>
Date: Mon, 9 Dec 2024 17:15:08 -0500
Subject: [PATCH 07/10] Update id on objective header

---
 src/frontend/components/field--objectives.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/components/field--objectives.tsx b/src/frontend/components/field--objectives.tsx
index 41add2cb..bf0cd4a0 100644
--- a/src/frontend/components/field--objectives.tsx
+++ b/src/frontend/components/field--objectives.tsx
@@ -42,7 +42,7 @@ interface FieldObjectiveProps {
 export function FieldObjectives({fieldObjectives} : FieldObjectiveProps) {
   return (
     <div>
-      <h2 className="font-sans-2xl margin-bottom-1" id="related-resources">
+      <h2 className="font-sans-2xl margin-bottom-1" id="objectives">
         Objectives
       </h2>
       <ol className="add-list-reset">

From 60f66ad0e65c8bd1bb6e73aed30241cfdd6b2daa Mon Sep 17 00:00:00 2001
From: Daniel <daniel.gading@civicactions.com>
Date: Mon, 9 Dec 2024 17:20:05 -0500
Subject: [PATCH 08/10] Add notes to indicators if available

---
 src/frontend/components/field--objectives.tsx | 7 +++++++
 src/frontend/components/node--goal.tsx        | 2 +-
 src/frontend/pages/api/node-queries.ts        | 3 +++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/frontend/components/field--objectives.tsx b/src/frontend/components/field--objectives.tsx
index bf0cd4a0..d1636e02 100644
--- a/src/frontend/components/field--objectives.tsx
+++ b/src/frontend/components/field--objectives.tsx
@@ -28,6 +28,9 @@ interface FieldIndicatorProps {
   id: string;
   measurements: Array<FieldMeasurementProps>;
   name: string;
+  notes: {
+    processed: string
+  }
 }
 
 interface FieldObjectiveProps {
@@ -40,6 +43,7 @@ interface FieldObjectiveProps {
 
 
 export function FieldObjectives({fieldObjectives} : FieldObjectiveProps) {
+  console.log(fieldObjectives)
   return (
     <div>
       <h2 className="font-sans-2xl margin-bottom-1" id="objectives">
@@ -80,6 +84,9 @@ export function FieldObjectives({fieldObjectives} : FieldObjectiveProps) {
                         </tbody>
                       </table>
                       )}
+                    {indicator.notes?.processed && (
+                      <div dangerouslySetInnerHTML={{ __html: indicator.notes?.processed }} />
+                    )}
                   </li>
                 ))}
               </ol>
diff --git a/src/frontend/components/node--goal.tsx b/src/frontend/components/node--goal.tsx
index 81522558..5aabd8d3 100644
--- a/src/frontend/components/node--goal.tsx
+++ b/src/frontend/components/node--goal.tsx
@@ -67,7 +67,7 @@ export function NodeGoal({ node, storageData, ...props }: NodeGoalProps) {
               />
             )}
             <p>
-              <span className="text-bold">Strategic plan:</span>{" "}
+              <span className="font-body-md text-bold">Strategic plan:</span>{" "}
               <Link href={`${field_agency.path.alias}`}>{field_plan.title}</Link>
             </p>
             {storageData.objectives && (
diff --git a/src/frontend/pages/api/node-queries.ts b/src/frontend/pages/api/node-queries.ts
index ecc3b6be..9df95916 100644
--- a/src/frontend/pages/api/node-queries.ts
+++ b/src/frontend/pages/api/node-queries.ts
@@ -14,6 +14,9 @@ export const nodeQueries = {
                     ... on StorageIndicator {
                       id
                       name
+                      notes {
+                        processed
+                      }
                       measurements {
                         ... on StorageMeasurement {
                           id

From a440d0375116fcafc1d1f25ebdfd5ee8332a1685 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.gading@civicactions.com>
Date: Tue, 10 Dec 2024 11:36:26 -0500
Subject: [PATCH 09/10] Add smooth scroll and fix styles on in page nav

---
 src/frontend/components/field--objectives.tsx |  1 -
 src/frontend/components/usa--in-page-nav.tsx  | 23 +++++++++++++++----
 .../styles/components/usa--in-page-nav.scss   | 11 +++++++++
 src/frontend/styles/project-styles.scss       |  3 ++-
 4 files changed, 32 insertions(+), 6 deletions(-)
 create mode 100644 src/frontend/styles/components/usa--in-page-nav.scss

diff --git a/src/frontend/components/field--objectives.tsx b/src/frontend/components/field--objectives.tsx
index d1636e02..1b9f7322 100644
--- a/src/frontend/components/field--objectives.tsx
+++ b/src/frontend/components/field--objectives.tsx
@@ -43,7 +43,6 @@ interface FieldObjectiveProps {
 
 
 export function FieldObjectives({fieldObjectives} : FieldObjectiveProps) {
-  console.log(fieldObjectives)
   return (
     <div>
       <h2 className="font-sans-2xl margin-bottom-1" id="objectives">
diff --git a/src/frontend/components/usa--in-page-nav.tsx b/src/frontend/components/usa--in-page-nav.tsx
index 39916f6d..0d489a16 100644
--- a/src/frontend/components/usa--in-page-nav.tsx
+++ b/src/frontend/components/usa--in-page-nav.tsx
@@ -1,9 +1,23 @@
-import * as React from "react";
+import { useState, useEffect } from "react";
+import Link from 'next/link'
 import { FieldLogo } from './field--logo';
 
 // TODO: Add scrollTo code for long pages when using in page navigation.
 
 export function USAInPageNav({links, logo, logoAbove = true}) {
+  const [currentLink, setCurrentLink] = useState(links[0].href);
+  // const [scrollTarget, setScrollTarget] = useState(links[0].href);
+  // useEffect(() => {
+  //   if (currentLink !== scrollTarget) {
+  //     setScrollTarget(currentLink);
+  //     let id = currentLink;
+  //     if (id.charAt(0) === "#") {
+  //       id = id.substring(1);
+  //     }
+  //     document.getElementById(id).scrollIntoView({behavior: "smooth"})
+  //   }
+  // }, [currentLink, scrollTarget])
+
   return (
     <aside
       className="usa-in-page-nav"
@@ -24,12 +38,13 @@ export function USAInPageNav({links, logo, logoAbove = true}) {
         <ul className="usa-in-page-nav__list">
           {links.map((link) => (
             <li key={link.href} className={`usa-in-page-nav__item${link.primary ? " usa-in-page-nav__item--primary" : ""}`}>
-              <a
+              <Link
                 href={link.href}
-                className="usa-in-page-nav__link"
+                onClick={() => setCurrentLink(link.href)}
+                className={`usa-in-page-nav__link ${link.href === currentLink ? "usa-current" : ""}`}
               >
                 {link.label}
-              </a>
+              </Link>
             </li>
           ))}
         </ul>
diff --git a/src/frontend/styles/components/usa--in-page-nav.scss b/src/frontend/styles/components/usa--in-page-nav.scss
new file mode 100644
index 00000000..8b9588d7
--- /dev/null
+++ b/src/frontend/styles/components/usa--in-page-nav.scss
@@ -0,0 +1,11 @@
+html {
+  scroll-behavior: smooth;
+}
+
+.usa-in-page-nav__item {
+  font-weight: 400 !important;
+}
+
+.usa-in-page-nav__item--primary {
+  font-weight: 700 !important;
+}
\ No newline at end of file
diff --git a/src/frontend/styles/project-styles.scss b/src/frontend/styles/project-styles.scss
index 7dbb55d7..bddb4161 100644
--- a/src/frontend/styles/project-styles.scss
+++ b/src/frontend/styles/project-styles.scss
@@ -1 +1,2 @@
-@import "./components/field--goal-type.scss";
\ No newline at end of file
+@import "./components/field--goal-type.scss";
+@import "./components/usa--in-page-nav.scss";
\ No newline at end of file

From aa37b1dd3ebf893c7a080665a91942a071516967 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.gading@civicactions.com>
Date: Tue, 10 Dec 2024 11:45:19 -0500
Subject: [PATCH 10/10] Clean up commented out code

---
 src/frontend/components/usa--in-page-nav.tsx | 14 --------------
 1 file changed, 14 deletions(-)

diff --git a/src/frontend/components/usa--in-page-nav.tsx b/src/frontend/components/usa--in-page-nav.tsx
index 0d489a16..085f212a 100644
--- a/src/frontend/components/usa--in-page-nav.tsx
+++ b/src/frontend/components/usa--in-page-nav.tsx
@@ -2,22 +2,8 @@ import { useState, useEffect } from "react";
 import Link from 'next/link'
 import { FieldLogo } from './field--logo';
 
-// TODO: Add scrollTo code for long pages when using in page navigation.
-
 export function USAInPageNav({links, logo, logoAbove = true}) {
   const [currentLink, setCurrentLink] = useState(links[0].href);
-  // const [scrollTarget, setScrollTarget] = useState(links[0].href);
-  // useEffect(() => {
-  //   if (currentLink !== scrollTarget) {
-  //     setScrollTarget(currentLink);
-  //     let id = currentLink;
-  //     if (id.charAt(0) === "#") {
-  //       id = id.substring(1);
-  //     }
-  //     document.getElementById(id).scrollIntoView({behavior: "smooth"})
-  //   }
-  // }, [currentLink, scrollTarget])
-
   return (
     <aside
       className="usa-in-page-nav"