refactor(MikrotikTools): improve server search input layout and styling for better usability

frontend/src/MikrotikTools.jsx

@@ -224,18 +224,22 @@ function MikrotikTools() {
                   : 'Выберите сервер, чтобы выполнять проверки через него.'}
               </div>
             </div>
-            <div className="col-auto" style={{ minWidth: 260 }}>
+            <div className="col-auto ms-auto d-print-none" style={{ minWidth: 260 }}>
-              <div className="input-group input-group-flat">
+              <div className="d-flex">
-                <input
+                <div className="me-0 flex-grow-1">
-                  type="text"
+                  <div className="input-icon">
-                  className="form-control"
+                    <input
-                  placeholder="Поиск серверов по IP, DNS, провайдеру..."
+                      type="text"
-                  value={serverSearch}
+                      className="form-control form-control-sm"
-                  onChange={(e) => setServerSearch(e.target.value)}
+                      placeholder="Поиск серверов..."
-                />
+                      value={serverSearch}
-                <span className="input-group-text">
+                      onChange={(e) => setServerSearch(e.target.value)}
-                  <IconSearch size={16} className="text-muted" />
+                    />
-                </span>
+                    <span className="input-icon-addon">
+                      <IconSearch size={16} className="text-muted" />
+                    </span>
+                  </div>
+                </div>
               </div>
             </div>
           </div>