adit header menu and dashboard

src/app/styles/header.scss

@@ -1,6 +1,6 @@
 .header {
 	display: flex;
-	justify-content: space-between;
+	justify-content: end;
 	align-items: center;
 	margin-bottom: 30px;
 	background: white;
@@ -33,26 +33,6 @@
 		}
 	}
 
-
-	.search-bar {
-		display: flex;
-		align-items: center;
-		background: #f8f9fa;
-		border-radius: 20px;
-		padding: 10px 20px;
-		width: 300px;
-		transition: all 0.3s;
-
-		input {
-			border: none;
-			outline: none;
-			flex: 1;
-			margin-left: 10px;
-			font-size: 14px;
-			background: transparent;
-		}
-	}
-
 	.notification-wrapper,
 	.user-menu,
 	.tokens-balance {
@@ -201,6 +181,7 @@
 			font-weight: 600;
 			cursor: pointer;
 			transition: all 0.3s;
+			text-transform: uppercase;
 		}
 
 		.user-dropdown {
@@ -227,6 +208,7 @@
 			font-weight: 600;
 			font-size: 20px;
 			flex-shrink: 0;
+			text-transform: uppercase;
 		}
 
 		.user-details {
@@ -241,7 +223,8 @@
 			margin-bottom: 4px;
 		}
 
-		.user-email {
+		.user-email,
+		.user-subscription-expire {
 			font-size: 13px;
 			color: #6b7280;
 			margin-bottom: 8px;
@@ -275,12 +258,13 @@
 
 		.subscription-badge {
 			display: inline-block;
-			padding: 4px 10px;
 			border-radius: 12px;
 			font-size: 11px;
 			font-weight: 600;
 			text-transform: uppercase;
 			letter-spacing: 0.5px;
+			background: #e6ebf1;
+			padding: 2px 5px;
 		}
 
 		.user-menu-footer {