add labels to action button sections

src/app/page.tsx

@@ -232,6 +232,7 @@ export default function HomePage() {
         <div className='max-w-fit m-auto'> Drag & Drop *.ics here</div>
       </div>
       {/* AI Toolbar */}
+      {status === "loading" ? <div className='mb-4 p-4 text-center animate-pulse bg-muted'>Loading...</div> : <div>
         {session?.user ? (
           <div className="flex flex-row gap-4 mb-4 items-start">
             <div className='w-full'>
@@ -250,14 +251,13 @@ export default function HomePage() {
           </div>
         ) : (
           <div className="mb-4 p-4 border border-dashed rounded-lg text-center">
-          <div className="text-sm text-muted-foreground mb-2">
+            <div className="text-sm text-muted-foreground">
-            Sign in to unlock AI-powered calendar features
+              Sign in to unlock AI natural language event creation
             </div>
-          <Button variant="outline" size="sm" asChild>
-            <a href="/auth/signin">Sign In</a>
-          </Button>
           </div>
         )}
+      </div>}
+
 
       {/* Summary Panel */}
       {
@@ -271,7 +271,16 @@ export default function HomePage() {
         )
       }
 
+      {/* AI Actions Toolbar */}
+      <p className='text-muted-foreground text-sm pb-2 pl-1'>AI actions</p>
+      <div className="gap-2 mb-4">
+        <Button variant="secondary" onClick={handleAiSummarize} disabled={aiLoading}>
+          {aiLoading ? 'Summarizing...' : 'AI Summarize'}
+        </Button>
+      </div>
+
       {/* Control Toolbar */}
+      <p className='text-muted-foreground text-sm pb-2 pl-1'>Event Actions</p>
       <div className="flex flex-wrap gap-2 mb-4">
         <Button onClick={() => setDialogOpen(true)}>Add Event</Button>
         <IcsFilePicker onFileSelect={handleImport} variant='secondary'>Import .ics</IcsFilePicker>
@@ -281,9 +290,6 @@ export default function HomePage() {
             <Button variant="destructive" onClick={handleClearAll}>Clear All</Button>
           </>
         )}
-        <Button variant="secondary" onClick={handleAiSummarize} disabled={aiLoading}>
-          {aiLoading ? 'Summarizing...' : 'AI Summarize'}
-        </Button>
       </div>
 
       {/* Event List */}