From 803e32fefb7e5826fbd091d7a49fcc1f4a990e7e Mon Sep 17 00:00:00 2001
From: Jen <73888356+berryjen@users.noreply.github.com>
Date: Wed, 25 Oct 2023 14:33:03 +0100
Subject: [PATCH 1/2] issue fix #9581: heading strrucutre fails WCAG 2.2AA-
 skipped heading level

Restructure the document headings in DataList.js to ensure that heading levels are not skipped.
---
 components/DataList.js |  4 +-
 package-lock.json      | 89 +++++++++++++++++++++++++++++++++---------
 package.json           |  1 +
 3 files changed, 73 insertions(+), 21 deletions(-)

diff --git a/components/DataList.js b/components/DataList.js
index 7f14962b890..e2973dea8ae 100644
--- a/components/DataList.js
+++ b/components/DataList.js
@@ -2,9 +2,9 @@ export default function DataList({ title, subtitle, data }) {
   return (
     <div>
       <div className="px-4 sm:px-0">
-        <h3 className="text-base font-semibold leading-7 text-primary-high dark:text-primary-low">
+        <h2 className="text-base font-semibold leading-7 text-primary-high dark:text-primary-low">
           {title}
-        </h3>
+        </h2>
         <p className="mt-1 max-w-2xl text-sm leading-6 text-primary-high dark:text-primary-low">
           {subtitle}
         </p>
diff --git a/package-lock.json b/package-lock.json
index 65f7dd58474..63bb6b97a13 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,7 +6,7 @@
   "packages": {
     "": {
       "name": "biodrop",
-      "version": "2.22.0",
+      "version": "2.22.3",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -26,6 +26,7 @@
         "leaflet": "^1.9.4",
         "micro": "^10.0.1",
         "micro-cors": "^0.1.1",
+        "mongodb": "^6.1.0",
         "mongoose": "^7.5.0",
         "next": "^13.4.12",
         "next-auth": "^4.22.3",
@@ -3249,7 +3250,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@mongodb-js/saslprep/-/saslprep-1.1.0.tgz",
       "integrity": "sha512-Xfijy7HvfzzqiOAhAepF4SGN5e9leLkMvg/OPOF97XemjfVCYN/oWa75wnkc6mltMSTwY+XlbhWgUOJmkFspSw==",
-      "optional": true,
       "dependencies": {
         "sparse-bitfield": "^3.0.3"
       }
@@ -16110,8 +16110,7 @@
     "node_modules/memory-pager": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
-      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==",
-      "optional": true
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg=="
     },
     "node_modules/meow": {
       "version": "10.1.5",
@@ -17191,26 +17190,25 @@
       "dev": true
     },
     "node_modules/mongodb": {
-      "version": "5.8.1",
-      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-5.8.1.tgz",
-      "integrity": "sha512-wKyh4kZvm6NrCPH8AxyzXm3JBoEf4Xulo0aUWh3hCgwgYJxyQ1KLST86ZZaSWdj6/kxYUA3+YZuyADCE61CMSg==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.1.0.tgz",
+      "integrity": "sha512-AvzNY0zMkpothZ5mJAaIo2bGDjlJQqqAbn9fvtVgwIIUPEfdrqGxqNjjbuKyrgQxg2EvCmfWdjq+4uj96c0YPw==",
       "dependencies": {
-        "bson": "^5.4.0",
-        "mongodb-connection-string-url": "^2.6.0",
-        "socks": "^2.7.1"
+        "@mongodb-js/saslprep": "^1.1.0",
+        "bson": "^6.1.0",
+        "mongodb-connection-string-url": "^2.6.0"
       },
       "engines": {
-        "node": ">=14.20.1"
-      },
-      "optionalDependencies": {
-        "@mongodb-js/saslprep": "^1.1.0"
+        "node": ">=16.20.1"
       },
       "peerDependencies": {
         "@aws-sdk/credential-providers": "^3.188.0",
-        "@mongodb-js/zstd": "^1.0.0",
-        "kerberos": "^1.0.0 || ^2.0.0",
-        "mongodb-client-encryption": ">=2.3.0 <3",
-        "snappy": "^7.2.2"
+        "@mongodb-js/zstd": "^1.1.0",
+        "gcp-metadata": "^5.2.0",
+        "kerberos": "^2.0.1",
+        "mongodb-client-encryption": ">=6.0.0 <7",
+        "snappy": "^7.2.2",
+        "socks": "^2.7.1"
       },
       "peerDependenciesMeta": {
         "@aws-sdk/credential-providers": {
@@ -17219,6 +17217,9 @@
         "@mongodb-js/zstd": {
           "optional": true
         },
+        "gcp-metadata": {
+          "optional": true
+        },
         "kerberos": {
           "optional": true
         },
@@ -17227,6 +17228,9 @@
         },
         "snappy": {
           "optional": true
+        },
+        "socks": {
+          "optional": true
         }
       }
     },
@@ -17239,6 +17243,14 @@
         "whatwg-url": "^11.0.0"
       }
     },
+    "node_modules/mongodb/node_modules/bson": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-6.1.0.tgz",
+      "integrity": "sha512-yiQ3KxvpVoRpx1oD1uPz4Jit9tAVTJgjdmjDKtUErkOoL9VNoF8Dd58qtAOL5E40exx2jvAT9sqdRSK/r+SHlA==",
+      "engines": {
+        "node": ">=16.20.1"
+      }
+    },
     "node_modules/mongoose": {
       "version": "7.5.1",
       "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-7.5.1.tgz",
@@ -17260,6 +17272,46 @@
         "url": "https://opencollective.com/mongoose"
       }
     },
+    "node_modules/mongoose/node_modules/mongodb": {
+      "version": "5.8.1",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-5.8.1.tgz",
+      "integrity": "sha512-wKyh4kZvm6NrCPH8AxyzXm3JBoEf4Xulo0aUWh3hCgwgYJxyQ1KLST86ZZaSWdj6/kxYUA3+YZuyADCE61CMSg==",
+      "dependencies": {
+        "bson": "^5.4.0",
+        "mongodb-connection-string-url": "^2.6.0",
+        "socks": "^2.7.1"
+      },
+      "engines": {
+        "node": ">=14.20.1"
+      },
+      "optionalDependencies": {
+        "@mongodb-js/saslprep": "^1.1.0"
+      },
+      "peerDependencies": {
+        "@aws-sdk/credential-providers": "^3.188.0",
+        "@mongodb-js/zstd": "^1.0.0",
+        "kerberos": "^1.0.0 || ^2.0.0",
+        "mongodb-client-encryption": ">=2.3.0 <3",
+        "snappy": "^7.2.2"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/credential-providers": {
+          "optional": true
+        },
+        "@mongodb-js/zstd": {
+          "optional": true
+        },
+        "kerberos": {
+          "optional": true
+        },
+        "mongodb-client-encryption": {
+          "optional": true
+        },
+        "snappy": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/mongoose/node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -21093,7 +21145,6 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
       "integrity": "sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==",
-      "optional": true,
       "dependencies": {
         "memory-pager": "^1.0.2"
       }
diff --git a/package.json b/package.json
index cc9f9921aa6..0c0b25f108b 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "leaflet": "^1.9.4",
     "micro": "^10.0.1",
     "micro-cors": "^0.1.1",
+    "mongodb": "^6.1.0",
     "mongoose": "^7.5.0",
     "next": "^13.4.12",
     "next-auth": "^4.22.3",

From f5bc90b56bfd28a96cf587ebeb5b4812a836e1c3 Mon Sep 17 00:00:00 2001
From: Jen <73888356+berryjen@users.noreply.github.com>
Date: Thu, 26 Oct 2023 20:21:21 +0100
Subject: [PATCH 2/2] issue fix #9581_ heading structure fails WCAG 2.2AA-
 skipped heading

changed all <h3> to <h2>
---
 components/user/UserHorizontal.js    | 4 ++--
 components/user/UserLinks.js         | 4 ++--
 components/user/UserMilestone.js     | 4 ++--
 components/user/UserTestimonials.js  | 4 ++--
 tests/data/_test-profile-user-6.json | 2 +-
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/user/UserHorizontal.js b/components/user/UserHorizontal.js
index a97efde5b24..1dee59e5b4b 100644
--- a/components/user/UserHorizontal.js
+++ b/components/user/UserHorizontal.js
@@ -18,9 +18,9 @@ export default function UserHorizontal({ profile, input }) {
         />
         <div className="flex-1 wrap">
           <div className="flex items-center space-x-3">
-            <h3 className="text-xl font-medium text-gray-900">
+            <h2 className="text-xl font-medium text-gray-900">
               {profile.username}
-            </h3>
+            </h2>
           </div>
           <Markdown
             disallowedElements={["a"]}
diff --git a/components/user/UserLinks.js b/components/user/UserLinks.js
index 56c1bef92e8..1a341022b10 100644
--- a/components/user/UserLinks.js
+++ b/components/user/UserLinks.js
@@ -24,9 +24,9 @@ export default function UserLinks({ BASE_URL, links, username }) {
                   key={name}
                 >
                   <div className="-ml-2 -mt-2 flex flex-wrap items-baseline">
-                    <h3 className="ml-2 mt-2 text-lg font-medium leading-6 dark:text-primary-low text-primary-high">
+                    <h2 className="ml-2 mt-2 text-lg font-medium leading-6 dark:text-primary-low text-primary-high">
                       {name}
-                    </h3>
+                    </h2>
                     <p className="ml-2 mt-1 truncate text-sm dark:text-primary-low-high text-primary-medium">
                       ({buckets[name].length})
                     </p>
diff --git a/components/user/UserMilestone.js b/components/user/UserMilestone.js
index 764ddaea0aa..d00dd681f80 100644
--- a/components/user/UserMilestone.js
+++ b/components/user/UserMilestone.js
@@ -36,14 +36,14 @@ export default function UserMilestone({ milestone, isGoal, manage }) {
         )}
         <div className="flex-1 space-y-1">
           <div className="flex items-center justify-between">
-            <h3
+            <h2
               className={classNames(
                 isGoal && "opacity-70",
                 "text-sm font-medium",
               )}
             >
               <span>{milestone.title}</span>
-            </h3>
+            </h2>
             <p className={`text-sm flex gap-2 items-center ${colors}`}>
               {date}
               {milestone.url && (
diff --git a/components/user/UserTestimonials.js b/components/user/UserTestimonials.js
index a5b7e5e1da4..db90faeeb60 100644
--- a/components/user/UserTestimonials.js
+++ b/components/user/UserTestimonials.js
@@ -28,9 +28,9 @@ export default function UserTestimonials({ testimonials, BASE_URL }) {
                 />
               </div>
               <div className="flex-1 p-6 sm:hidden">
-                <h3 className="font-medium dark:text-primary-medium-low text-primary-high">
+                <h2 className="font-medium dark:text-primary-medium-low text-primary-high">
                   {testimonial.title}
-                </h3>
+                </h2>
                 <Link
                   href={`${BASE_URL}/${testimonial.username}`}
                   target="_blank"
diff --git a/tests/data/_test-profile-user-6.json b/tests/data/_test-profile-user-6.json
index 5ad73bd65ac..261606d1462 100644
--- a/tests/data/_test-profile-user-6.json
+++ b/tests/data/_test-profile-user-6.json
@@ -17,7 +17,7 @@
       "icon": "FaLink"
     },
     {
-      "group": "Socials Primary",
+      "group": "",
       "name": "Twitter: Follow me",
       "url": "https://twitter.com/eddiejaoude",
       "icon": "FaTwitter"