Refactor Home.razor for dynamic button rendering

Refactored the `Home.razor` component to improve the UI by dynamically rendering buttons based on the state of `ApiKey` and `KnowledgebaseFileExists`. Consolidated conditional logic into a single `<div>` for better structure and maintainability.

Added a new `SettingsClicked` method to handle navigation to the Settings page and update visibility states. Removed redundant `<div>` blocks for cleaner code.

Author: ADefWebserver

RFPResponsePOC/RFPResponsePOC.Client/Pages/Home.razor

@@ -67,7 +67,23 @@ else
     @if (HomeVisible)
     {
         <div class="rz-p-4 rz-container">
-
+            <div class="rz-col-12 rz-text-center rz-py-4" style="display: flex; justify-content: center; align-items: center;">
+                @if (ApiKey.Length < 2)
+                {
+                    <RadzenButton class="step-button" Text="To get started enter your AI key on the Settings page" Click="@SettingsClicked" Style="background-color: green;" ButtonStyle="ButtonStyle.Primary" />
+                }
+                else
+                {
+                    @if (!KnowledgebaseFileExists)
+                    {
+                        <RadzenButton class="step-button" Text="Build your Knowledgebase" Click="@KnowledgebaseClicked" Style="background-color: green;" ButtonStyle="ButtonStyle.Primary" />
+                    }
+                    else
+                    {
+                        <RadzenButton class="step-button" Text="Click here to create an RFP Response" Click="@ResponseClicked" Style="background-color: green;" ButtonStyle="ButtonStyle.Primary" />
+                    }
+                }
+            </div>
             <!-- HERO -->
             <RadzenCard Style="background: linear-gradient(180deg, #0d47a1 0%, #1565c0 100%); color: white;">
                 <div class="rz-grid rz-align-center rz-justify-between">
@@ -88,18 +104,6 @@ else
                             </p>
                         </RadzenCard>
                     </div>
-                    <div>
-                        @if (!KnowledgebaseFileExists)
-                        {
-                            <RadzenButton class="step-button" Text="Build Knowledgebase" Click="@KnowledgebaseClicked" Style="background-color: green;" ButtonStyle="ButtonStyle.Primary" />
-                            <br />
-                            <br />
-                        }
-                        else
-                        {
-                            <RadzenButton class="step-button" Text="Create a RFP Response" Click="@ResponseClicked" Style="background-color: green;" ButtonStyle="ButtonStyle.Primary" />
-                        }
-                    </div>
                 </div>
             </RadzenCard>
 
@@ -576,6 +580,16 @@ else
         KnowledgebaseVisible = false;
     }
 
+    void SettingsClicked(MouseEventArgs args)
+    {
+        ActiveMenuItem = "Settings";
+        HomeVisible = false;
+        SettingsVisible = true;
+        ResponseVisible = false;
+        LogsVisible = false;
+        KnowledgebaseVisible = false;
+    }
+
     void OnLogsClicked(MenuItemEventArgs args)
     {
         ActiveMenuItem = "Logs";