bump dependencies (#408)

package.json

@@ -8,20 +8,20 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/react": "^3.0.3",
-    "@astrojs/starlight": "^0.11.0",
-    "@interledger/docs-design-system": "^0.1.0",
-    "@types/react": "^18.2.28",
-    "@types/react-dom": "^18.2.13",
-    "astro": "3.3.0",
+    "@astrojs/react": "^3.0.4",
+    "@astrojs/starlight": "^0.11.2",
+    "@interledger/docs-design-system": "^0.1.2",
+    "@types/react": "^18.2.33",
+    "@types/react-dom": "^18.2.14",
+    "astro": "3.4.0",
     "astro-i18next": "^1.0.0-beta.21",
     "prettier": "^3.0.3",
     "prism-react-renderer": "^2.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-minimal-pie-chart": "^8.4.0",
     "remark-mermaidjs": "^6.0.0",
-    "respec": "^34.1.8",
+    "respec": "^34.2.0",
     "sharp": "^0.32.6"
   },
   "devDependencies": {

src/components/docs/BrowserCompat.astro

@@ -8,7 +8,7 @@ const compatData = json.api
     <thead>
       <tr class="platforms">
         <td></td>
-        <th class="desktop" colSpan='6' title='desktop'>
+        <th class="desktop" colspan='6' title='desktop'>
           <img
             src={`/img/icon-desktop.svg`}
             alt=''
@@ -17,7 +17,7 @@ const compatData = json.api
           />
           <span class='visually-hidden'>desktop</span>
         </th>
-        <th class="mobile" colSpan='7' title='mobile'>
+        <th class="mobile" colspan='7' title='mobile'>
           <img src={`/img/icon-phone.svg`} alt='' width='24' height='24' />
           <span class='visually-hidden'>mobile</span>
         </th>
@@ -67,7 +67,7 @@ const compatData = json.api
     </thead>
     <tbody>
       {Object.keys(compatData).map((key) => (
-        <tr key={key}>
+        <tr>
           <th class="feature" scope='row'>
             <div>
               <code>{key}</code>