Move addition of providers from dialog to bottom of HC

src/components/healthchecker/ProviderAdditionDialog.tsx → src/components/healthchecker/ProviderAddition.tsx

-import {
-    Dialog,
-    DialogContent,
-    DialogHeader,
-    DialogTitle,
-  } from "./shad/dialog";
 import { Input } from "./shad/input";
 import { useState } from "react";
 import { Button } from "./shad/button";
 
-interface ProviderAdditionDialogProps {
-  isOpened: boolean;
-  onDialogOpenChange: (isOpened: boolean) => void;
+interface ProviderAdditionProps {
   onProviderSubmit: (provider: string) => void;
 }
 
-const ProviderAdditionDialog: React.FC<ProviderAdditionDialogProps> = ({
-  isOpened,
-  onDialogOpenChange,
+const ProviderAddition: React.FC<ProviderAdditionProps> = ({
   onProviderSubmit
 }) => {
 
   const [providerValue, setProviderValue] = useState<string>("");
 
-  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
-    if (event.key === "Enter" && isOpened) {
-      onProviderSubmit(providerValue);
-    }
-  };
 
   return (
-    <Dialog open={isOpened} onOpenChange={onDialogOpenChange}>
-      <DialogContent>
-        <DialogHeader><DialogTitle>Add new address of provider</DialogTitle></DialogHeader>
+    <div className="flex flex-col justify left">
+      <div className="font-semibold">Add Custom Node::</div>
+      <div className="text-sm mb-2">Enter a custom Hive node URL.</div>
+      <div className="flex w-ful">
+
         <Input
-          onKeyDown={handleKeyDown}
           value={providerValue}
           autoFocus={true}
           className="focus:bg-white dark:focus:bg-gray-700"
@@ -41,10 +27,11 @@ const ProviderAdditionDialog: React.FC<ProviderAdditionDialogProps> = ({
           data-testid="api-address-input"
           onChange={(e) => setProviderValue(e.target.value)}
         />
-        <Button onClick={() => {onProviderSubmit(providerValue)}}>Submit</Button>
-      </DialogContent>
-    </Dialog>
+        <Button onClick={() => {onProviderSubmit(providerValue)}}>Add</Button>
+      </div>
+    </div>
+
   )
 };
 
-export default ProviderAdditionDialog;
+export default ProviderAddition;

src/components/healthchecker/healthchecker.tsx

 import { cn } from "./utils.ts";
 import { TScoredEndpoint } from "@hiveio/wax/vite";
 import { useEffect, useState } from "react";
-import { Loader2, Plus } from "lucide-react";
+import { Loader2 } from "lucide-react";
 import { Button } from "./shad/button";
 import { Card } from "./shad/card";
 import { Badge } from "./shad/badge";
 import ProviderCard from "./ProviderCard";
-import ProviderAdditionDialog from "./ProviderAdditionDialog";
+import ProviderAdditionDialog from "./ProviderAddition.tsx";
 import ValidationErrorDialog from "./ValidationErrorDialog";
 import { ValidationErrorDetails, ApiChecker } from "./index.ts"; 
 import { HealthCheckerService } from "./index.ts";
@@ -40,13 +40,11 @@ const HealthCheckerComponent: React.FC<HealthCheckerComponentProps> = ({
   const [providers, setProviders] = useState<string[] | undefined>(undefined);
   const [failedChecksByProvider, setFailedChecksByProvider] = useState<Map<string, ValidationErrorDetails[]>>(new Map());
 
-  const [isProviderAdditionDialogOpened, setIsProviderAdditionDialogOpened] = useState<boolean>(false);
   const [isValidationErrorDialogOpened, setIsValidationErrorDialogOpened] = useState<boolean>(false);
   const [selectedValidator, setSelectedValidator] = useState<ValidationErrorDetails | undefined>(undefined);
   
   const handleAdditionOfProvider = (provider: string) => {
     addProvider(provider);
-    setIsProviderAdditionDialogOpened(false);
   }
 
   const selectValidator = (providerName: string, checkTitle: string) => {
@@ -137,10 +135,7 @@ const HealthCheckerComponent: React.FC<HealthCheckerComponentProps> = ({
         <Button className="row-start-4 lg:row-start-2 row-span-1 col-span-full lg:col-span-1 lg:col-end-5" onClick={() => {resetProviders()}}>Restore default API server set</Button>
       </Card>
       {renderProviders()}
-      <Button onClick={() => {setIsProviderAdditionDialogOpened(true)}} className="w-full hover:bg-primary"><Plus /></Button>
       <ProviderAdditionDialog 
-        isOpened={isProviderAdditionDialogOpened}
-        onDialogOpenChange={setIsProviderAdditionDialogOpened}
         onProviderSubmit={handleAdditionOfProvider}
       />
       <ValidationErrorDialog