Show settingsServersAuthChromeMv3Limitation message again in chrome

Author: salarcode

src/_locales/en/messages.json

@@ -612,6 +612,9 @@
 	"settingsServersPassword": {
 		"message": "Password"
 	},
+	"settingsServersAuthChromeMv3Limitation": {
+		"message": "(Unfortunately proxy server authentication is not supported by chrome through extensions api. This is "on purpose".)"
+	},
 	"settingsServersCancel": {
 		"message": "Cancel"
 	},

src/ui/code/settingsPage.ts

@@ -583,6 +583,7 @@ export class settingsPage {
 	private static populateServerProtocol() {
 		let modal = jq("#modalModifyProxyServer");
 		let serverInputInfo = settingsPage.readServerModel(modal);
+		modal.find("#divServerProxy-AuthenticationMessage").hide();
 
 		if (serverInputInfo.protocol == "SOCKS5")
 			modal.find("#chkServerProxyDNS-Control").show().removeClass('d-none');
@@ -594,6 +595,7 @@ export class settingsPage {
 		else if (serverInputInfo.protocol == "SOCKS5") {
 			if (environment.chrome) {
 				modal.find("#chkServerProxy-Authentication").hide();
+				modal.find("#divServerProxy-AuthenticationMessage").show();
 			}
 			else
 				modal.find("#chkServerProxy-Authentication").show().removeClass('d-none');

src/ui/settings.html

@@ -1380,7 +1380,15 @@ <h4 class="modal-title" id="modalModifyProxyServerLabel" data-localize="settings
 							<input type="password" id="txtServerPassword" class="form-control" />
 						</div>
 					</div>
+					<div class="row mb-3" id="divServerProxy-AuthenticationMessage">
+						<div class="form-group col chrome-only d-none">
+							<span data-localize="settingsServersAuthChromeMv3Limitation">(Unfortunately proxy server
+								authentication is not supported by chrome through extensions api. This is "on
+								purpose".)</span>
+						</div>
+					</div>
 				</div>
+				
 				<div class="modal-footer">
 					<!-- <button type="button" class="btn btn-primary">Save changes</button>
 					<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> -->