add payments page layouts

src/app/ui/header/headerPanel.tsx

@@ -12,7 +12,10 @@ export default function HeaderPanel() {
 				<input type="text" placeholder="Поиск контента..." id="global-search" />
 			</div>
 			<div className="header-action">
-				<div className="tokens-balance">
+				<Link
+					href={'/pages/payment'}
+					className="tokens-balance"
+				>
 					<div className="tokens-wrapper" title="Текущий баланс токенов для защиты файлов">
 						<svg viewBox="0 0 24 24" fill="currentColor" style={{ width: "16px", height: "16px" }}>
 							<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"></path>
@@ -20,7 +23,7 @@ export default function HeaderPanel() {
 						<span className="tokens-count">800</span>
 						<span className="tokens-label">токенов</span>
 					</div>
-				</div>
+				</Link>
 				<NotificationsButton />
 				<Link
 					className="icon-btn"