add staking page

src/widgets/staking/ui/PositionsPanel.module.css

@@ -212,6 +212,45 @@
   padding: 24px 0;
 }
 
+.emptyState {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 6px;
+  padding: 28px 18px;
+  border: 1px dashed var(--glass-border);
+  border-radius: 14px;
+  background: var(--bg-deep);
+}
+
+.emptyIcon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 52px;
+  height: 52px;
+  margin-bottom: 4px;
+  border-radius: 50%;
+  color: var(--text-secondary);
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.emptyTitle {
+  margin: 0;
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--text-primary);
+}
+
+.emptyText {
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--text-secondary);
+  max-width: 280px;
+}
+
 .amount+.btn,
 .meta+.btn {
   margin-top: 2px;

src/widgets/staking/ui/PositionsPanel.tsx

@@ -48,7 +48,21 @@ export function PositionsPanel({ chain, onUnstakeEth, onUnstakeSol, onClaim, uns
         </div>
 
         <div className={styles.body}>
-          {!isLoading && !isError && data?.chain === 'ETH' && !empty && (parseFloat(data.stEthBalanceWeiHuman) || 0) > 0.00000000000001 ? <WithdrawNotice compact /> : <p>На данный момент у Вас нет активных позиций стейкинга.</p>}
+          {!isLoading && !isError && data?.chain === 'ETH' && !empty && (parseFloat(data.stEthBalanceWeiHuman) || 0) > 0.00000000000001 ? (
+            <WithdrawNotice compact />
+          ) : (
+            <div className={styles.emptyState}>
+              <span className={styles.emptyIcon} aria-hidden>
+                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
+                  <path d="M3 7.5 12 3l9 4.5-9 4.5z" />
+                  <path d="M3 12.5 12 17l9-4.5" />
+                  <path d="M3 16.5 12 21l9-4.5" />
+                </svg>
+              </span>
+              <p className={styles.emptyTitle}>Активных позиций пока нет</p>
+              <p className={styles.emptyText}>На данный момент у Вас нет активных позиций стейкинга.</p>
+            </div>
+          )}
 
           {isLoading && <Spinner label="Загрузка позиций" />}