From f5aebb4292fdea551fc6289380e8310868c18010 Mon Sep 17 00:00:00 2001
From: Ashwin <ashwin@micropyramid.com>
Date: Tue, 10 Jun 2025 21:47:47 +0530
Subject: [PATCH 1/2] feat: replace label elements with span for lead details
 to improve semantic structure

---
 src/routes/(app)/+layout.svelte                  |  1 +
 .../(app)/app/leads/[lead_id]/+page.svelte       | 16 ++++++++--------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 2a03cc6..623baf0 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/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"/>
diff --git a/src/routes/(app)/app/leads/[lead_id]/+page.svelte b/src/routes/(app)/app/leads/[lead_id]/+page.svelte
index 410b5db..a666d13 100644
--- a/src/routes/(app)/app/leads/[lead_id]/+page.svelte
+++ b/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">

From 2a6ad2526d6bb4f0f5624cc11d14b2769edadc8f Mon Sep 17 00:00:00 2001
From: Ashwin <ashwin@micropyramid.com>
Date: Tue, 10 Jun 2025 22:55:37 +0530
Subject: [PATCH 2/2] fix: ensure proper formatting by adding newline at the
 end of +layout.server.js

---
 src/routes/(app)/+layout.server.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/routes/(app)/+layout.server.js b/src/routes/(app)/+layout.server.js
index f1163b5..9f89f03 100644
--- a/src/routes/(app)/+layout.server.js
+++ b/src/routes/(app)/+layout.server.js
@@ -6,4 +6,6 @@ export async function load({locals}) {
         user: locals.user,
         org_name: locals.org_name || 'BottleCRM'
     };
-}
\ No newline at end of file
+}
+
+export const ssr = false;