make labeled app regions semantic

src/components/tools/DocumentVault.jsx

@@ -164,7 +164,7 @@ const DocumentVaultSession = ({signedIn}) => {
   const doluluk = h?.bayt ? Math.min(100, Math.round(((k?.bayt || 0) / h.bayt) * 100)) : 0;
 
   return (
-    <div aria-label="Belge kasası" aria-busy={busy} className="space-y-6 animate-fade-in">
+    <div role="region" aria-label="Belge kasası" aria-busy={busy} className="space-y-6 animate-fade-in">
       {hata && <button type="button" onClick={yukle} className="px-4 py-2 border rounded-lg">Yeniden dene</button>}
       <div className="bg-linear-to-r from-slate-900 via-teal-950 to-cyan-900 text-white p-6 rounded-2xl shadow-lg border border-teal-800/40">
         <div className="flex items-center gap-3">

src/components/tools/TenderCalendar.jsx

@@ -29,7 +29,7 @@ export const TenderCalendar = () => {
   </button>;
 
   return (
-    <div aria-label="İhale takvimi" className="space-y-4 my-4 animate-fade-in">
+    <div role="region" aria-label="İhale takvimi" className="space-y-4 my-4 animate-fade-in">
       
       {/* Top Banner */}
       <div className="bg-white rounded-xl border border-slate-200 p-5 shadow-xs flex items-center justify-between">