test(SearchTest) Added a test for opening and closing search dialog

Components/Inputs/SearchButtonComponent.razor

@@ -2,7 +2,7 @@
 @inject NavigationManager NavigationManager
 @inject IJSRuntime JsRuntime
 
-<button class="searchButtonContainer" @onclick="ButtonClicked">
+<button id="@Id" class="searchButtonContainer" @onclick="ButtonClicked">
     <div class="searchText">
         Search...
     </div>
@@ -33,15 +33,15 @@
         background-color: var(--info);
         border: 2px solid var(--primary-border);
     }
-    
 </style>
 
-
 @code {
-
     [Parameter]
     public RenderFragment ChildContent { get; set; } = default!;
 
+    [Parameter]
+    public string Id { get; set; } = default!;
+
     private string userAgent = "";
 
     string CommandKey => userAgent.Contains("Mac OS") ? "CMD" : "Ctrl";

Components/Inputs/SearchIconButtonComponent.razor

@@ -0,0 +1,37 @@
+@inject ISearchService SearchService
+@inject NavigationManager NavigationManager
+@inject IJSRuntime JsRuntime
+
+<button id="@Id" class="searchIconButtonContainer" @onclick="ButtonClicked">
+    <div class="searchText">
+        S
+    </div>
+</button>
+
+<style>
+    .searchIconButtonContainer {
+        background-color: var(--primary);
+        border: 2px solid var(--primary-border);
+        border-radius: 8px;
+        font-weight: 800;
+        width: 32px;
+        padding: 5px;
+        display: flex;
+        flex-direction: row;
+        justify-content:  space-between;
+        align-items: center;
+    }
+</style>
+
+@code {
+    [Parameter]
+    public RenderFragment ChildContent { get; set; } = default!;
+
+    [Parameter]
+    public string Id { get; set; } = default!;
+
+    private void ButtonClicked(EventArgs eventArgs)
+    {
+        SearchService.Show();
+    }
+}