improvement: a11y: landmark-ify "recent apps" div

Author: WofWca

packages/frontend/src/components/screens/MainScreen/MainScreen.tsx

@@ -595,18 +595,22 @@ function AppIcons({
   accountId: number | undefined
   apps: T.Message[]
 }) {
+  const tx = useTranslationFunction()
+
   if (!accountId || !apps || apps.length === 0) {
     return null
   }
   return (
-    <div
+    <section
+      role='region'
+      aria-label={tx('webxdc_apps')}
       className={styles.webxdcIcons}
       data-testid='last-used-apps'
       data-no-drag-region='true'
     >
       {apps.map(app => (
         <AppIcon key={app.id} accountId={accountId} app={app} />
       ))}
-    </div>
+    </section>
   )
 }