feat: replace label elements with span for lead details to improve semantic structure

Author: ashwin31

src/routes/(app)/+layout.svelte

@@ -11,6 +11,7 @@
 	onclick={() => (drawerHidden = !drawerHidden)}
 	class="fixed top-4 left-4 z-50 lg:hidden inline-flex items-center p-2 text-gray-500 rounded-lg hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-800 dark:focus:ring-gray-600 transition-colors bg-white dark:bg-gray-900 shadow-md border border-gray-200 dark:border-gray-700"
 	class:hidden={!drawerHidden}
+	aria-label="Open sidebar menu"
 >
 	<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
 		<path d="M3 12h18M3 6h18M3 18h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>

src/routes/(app)/app/leads/[lead_id]/+page.svelte

@@ -340,7 +340,7 @@
                 <div class="space-y-2">
                   <div class="flex items-center gap-2">
                     <Target class="w-4 h-4 text-gray-400 dark:text-gray-500" />
-                    <label class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Lead Source</label>
+                    <span class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Lead Source</span>
                   </div>
                   <p class="text-sm text-gray-900 dark:text-gray-100 font-medium bg-gray-50 dark:bg-gray-700 px-3 py-2 rounded-lg">
                     {getLeadSourceDisplay(lead.leadSource)}
@@ -353,7 +353,7 @@
                 <div class="space-y-2">
                   <div class="flex items-center gap-2">
                     <Briefcase class="w-4 h-4 text-gray-400 dark:text-gray-500" />
-                    <label class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Industry</label>
+                    <span class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Industry</span>
                   </div>
                   <p class="text-sm text-gray-900 dark:text-gray-100 font-medium bg-gray-50 dark:bg-gray-700 px-3 py-2 rounded-lg capitalize">
                     {lead.industry}
@@ -366,7 +366,7 @@
                 <div class="space-y-2">
                   <div class="flex items-center gap-2">
                     <Award class="w-4 h-4 text-gray-400 dark:text-gray-500" />
-                    <label class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Rating</label>
+                    <span class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Rating</span>
                   </div>
                   <div class="flex items-center gap-2 bg-gray-50 dark:bg-gray-700 px-3 py-2 rounded-lg">
                     {#each Array(parseInt(lead.rating) || 0) as _, i}
@@ -385,7 +385,7 @@
                 <div class="space-y-2">
                   <div class="flex items-center gap-2">
                     <DollarSign class="w-4 h-4 text-gray-400 dark:text-gray-500" />
-                    <label class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Annual Revenue</label>
+                    <span class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Annual Revenue</span>
                   </div>
                   <p class="text-sm text-gray-900 dark:text-gray-100 font-medium bg-gray-50 dark:bg-gray-700 px-3 py-2 rounded-lg">
                     ${lead.annualRevenue.toLocaleString()}
@@ -397,7 +397,7 @@
               <div class="space-y-2">
                 <div class="flex items-center gap-2">
                   <User class="w-4 h-4 text-gray-400 dark:text-gray-500" />
-                  <label class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Lead Owner</label>
+                  <span class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Lead Owner</span>
                 </div>
                 <p class="text-sm text-gray-900 dark:text-gray-100 font-medium bg-gray-50 dark:bg-gray-700 px-3 py-2 rounded-lg">
                   {lead.owner?.name || 'Unassigned'}
@@ -408,7 +408,7 @@
               <div class="space-y-2">
                 <div class="flex items-center gap-2">
                   <Calendar class="w-4 h-4 text-gray-400 dark:text-gray-500" />
-                  <label class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Created</label>
+                  <span class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Created</span>
                 </div>
                 <p class="text-sm text-gray-900 dark:text-gray-100 font-medium bg-gray-50 dark:bg-gray-700 px-3 py-2 rounded-lg">
                   {formatDateShort(lead.createdAt)}
@@ -421,7 +421,7 @@
               <div class="mt-8 pt-6 border-t border-gray-200 dark:border-gray-700">
                 <div class="flex items-center gap-2 mb-3">
                   <Location class="w-5 h-5 text-gray-400 dark:text-gray-500" />
-                  <label class="text-sm font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Address</label>
+                  <span class="text-sm font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Address</span>
                 </div>
                 <div class="bg-gray-50 dark:bg-gray-700 p-4 rounded-xl">
                   <p class="text-sm text-gray-900 dark:text-gray-100 whitespace-pre-line leading-relaxed">{lead.address}</p>
@@ -434,7 +434,7 @@
               <div class="mt-8 pt-6 border-t border-gray-200 dark:border-gray-700">
                 <div class="flex items-center gap-2 mb-3">
                   <MessageSquare class="w-5 h-5 text-gray-400 dark:text-gray-500" />
-                  <label class="text-sm font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Description</label>
+                  <span class="text-sm font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide">Description</span>
                 </div>
                 <div class="bg-gray-50 dark:bg-gray-700 p-4 rounded-xl">
                   <div class="prose prose-sm max-w-none text-gray-700 dark:text-gray-300">