unable to setup ingress for verdaccio service

[SarangBS]

currently i am using the official helm chart provided by verdaccio for deployment

i created a custom ingress

{{- if .Values.ingress.monitoring.enabled -}}
apiVersion: networking.k8s.io/v1
kind: Ingress
metadata:
name: {{ .Release.Name }}-monitoring-ingress
namespace: {{ .Release.Namespace }}
labels:
app.kubernetes.io/name: {{ .Chart.Name }}
app.kubernetes.io/instance: {{ .Values.tierName }}
app.kubernetes.io/version: {{ .Chart.Version }}
app.kubernetes.io/component: {{ .Values.component }}
app.kubernetes.io/part-of: verdaccio
annotations:
kubernetes.io/ingress.class: alb
alb.ingress.kubernetes.io/target-type: ip
alb.ingress.kubernetes.io/listen-ports: '[{"HTTP": 80}, {"HTTPS": 443}]'
alb.ingress.kubernetes.io/healthcheck-path: /
{{- if .Values.ingress.monitoring.groupName }}
# use dedicated load balancer for this ingress
# note, this dedicated load balancer needs to be created
# by creating a release in aws-alb charts module, installing
# it and then referencing it by name here.
alb.ingress.kubernetes.io/load-balancer-name: {{ .Values.ingress.monitoring.groupName }}
alb.ingress.kubernetes.io/group.name: {{ .Values.ingress.monitoring.groupName }}
{{- else }}
# by default all ingresses map to the same load balancer
# alb.ingress.kubernetes.io/load-balancer-name: aws-alb-{{ .Values.unifyAppsEnv }}-global-ext
# alb.ingress.kubernetes.io/group.name: aws-alb-{{ .Values.unifyAppsEnv }}-global-ext
alb.ingress.kubernetes.io/load-balancer-name: aws-alb-{{ .Values.unifyAppsEnv }}-global-monitoring
alb.ingress.kubernetes.io/group.name: aws-alb-{{ .Values.unifyAppsEnv }}-global-monitoring
{{- end }}
{{- if .Values.ingress.monitoring.groupOrder }}
alb.ingress.kubernetes.io/group.order: {{ .Values.ingress.monitoring.groupOrder}}
{{- end }}
spec:
ingressClassName: alb
rules:
{{- if .Values.ingress.monitoring.host }}
- host: {{ .Values.ingress.monitoring.host }}
{{- else }}
- host: {{ .Chart.Name }}.monitoring.{{ .Values.unifyAppsEnv }}.unifyapps.com
{{- end }}
http:
paths:
{{- if .Values.ingress.monitoring.pathPrefix }}
- path: {{.Values.ingress.monitoring.pathPrefix}}
{{- else }}
- path: /
{{- end }}
pathType: Prefix
backend:
service:
name: verdaccio-qa-global
port:
number: 4873
{{- end }}

the ingress is working fine but the page is not loading up

getting this issue of mixed content error

npm-registry.unifyapps.com/:1 Mixed Content: The page at 'https://npm-registry.unifyapps.com/' was loaded over HTTPS, but requested an insecure favicon 'http://10.3.179.180:4873/-/static/favicon.ico'. This request has been blocked; the content must be served over HTTPS.

have any idea how to resolve this