feat(GatewayAutocomplete): adjust layout for gateway cards and display additional gateway information to enhance user experience

frontend/src/FilterManager.jsx

@@ -495,7 +495,7 @@ function GatewayAutocomplete({ label, value, onChange, gateways = [], required =
             Ничего не найдено. Уточните запрос по IP, имени или описанию.
           </div>
         ) : (
-          <div className="row row-cols-1 row-cols-md-3 g-2">
+          <div className="row row-cols-1 row-cols-md-2 g-2">
             {filteredGateways.map((gw, idx) => {
               const isSelected = gw.name === value;
               const isHighlighted = highlightedIndex === idx;
@@ -532,6 +532,12 @@ function GatewayAutocomplete({ label, value, onChange, gateways = [], required =
                                 {gw.serverDns}
                               </div>
                             )}
+                            {(gw.country || gw.provider) && (
+                              <div className={`small text-truncate ${isSelected ? 'text-white-75' : 'text-muted'}`}>
+                                {gw.country && <span className="me-1">{countryToFlag(gw.country)}</span>}
+                                {gw.provider}
+                              </div>
+                            )}
                           </div>
                           {gw.primary && (
                             <span className={`badge ${isSelected ? 'bg-white text-primary' : 'bg-green-lt text-green'}`}>