feat: include code to the theme language dropdown

packages/ui-core/theme/src/lib/components/theme-sidebar/theme-settings/components/theme-language-selector/theme-language-selector.component.html

@@ -1,6 +1,6 @@
 <div class="theme-container">
 	{{ 'SETTINGS_MENU.LANGUAGE' | translate }}
-  	<div>
+	<div>
 		<ng-container *ngIf="languages.length">
 			<nb-select
 				[(selected)]="preferredLanguage"
@@ -12,11 +12,8 @@
 				outline
 				optionsListClass="fit-content"
 			>
-				<nb-option
-					*ngFor="let lang of languages"
-					[value]="lang.value"
-				>
-					{{ lang.name | translate }}
+				<nb-option *ngFor="let lang of languages" [value]="lang.value">
+					{{ lang.value | uppercase }} ({{ lang.name | translate }})
 				</nb-option>
 			</nb-select>
 		</ng-container>

packages/ui-core/theme/src/lib/components/theme-sidebar/theme-settings/theme-settings.component.html

@@ -1,31 +1,22 @@
 <div gauzyOutside (clickOutside)="onClickOutside($event)">
-<div class="header">
-	<span class="cancel">
-		<i class="fas fa-times" (click)="closeSidebar()"></i>
-	</span>
-	<p>{{ 'SETTINGS_MENU.QUICK_SETTINGS' | translate }}</p>
-</div>
-<nb-list>
-	<nb-list-item>
-		<gauzy-switch-theme
-			class="theme"
-		></gauzy-switch-theme>
-	</nb-list-item>
-	<nb-list-item>
-		<ngx-theme-language-selector
-			class="theme"
-		></ngx-theme-language-selector>
-	</nb-list-item>
-	<nb-list-item>
-		<gauzy-theme-selector
-			[isClassic]="false"
-			class="theme"
-		></gauzy-theme-selector>
-	</nb-list-item>
-	<nb-list-item>
-		<gauzy-layout-selector
-			class="theme"
-		></gauzy-layout-selector>
-	</nb-list-item>
-</nb-list>
+	<div class="header">
+		<span class="cancel">
+			<i class="fas fa-times" (click)="closeSidebar()"></i>
+		</span>
+		<p>{{ 'SETTINGS_MENU.QUICK_SETTINGS' | translate }}</p>
+	</div>
+	<nb-list>
+		<nb-list-item>
+			<gauzy-switch-theme class="theme"></gauzy-switch-theme>
+		</nb-list-item>
+		<nb-list-item>
+			<ngx-theme-language-selector class="theme"></ngx-theme-language-selector>
+		</nb-list-item>
+		<nb-list-item>
+			<gauzy-theme-selector [isClassic]="false" class="theme"></gauzy-theme-selector>
+		</nb-list-item>
+		<nb-list-item>
+			<gauzy-layout-selector class="theme"></gauzy-layout-selector>
+		</nb-list-item>
+	</nb-list>
 </div>