Feat/sortable position table

[Escelit]

Summary

Makes the portfolio position strip sortable and adds a compact one-row-per-position table view.

Changes

index.html

• Wrapped #portfolio-summary in a new #portfolio-summary-wrap containing a header bar with four sort buttons (Asset, Lev, HF, P&L) and a compact/expanded toggle.

main.ts

• Replaced renderPortfolioSummary with a version that sorts entries before rendering and supports two layouts.
• Sort state (posSortCol, posSortDir) and view preference (posViewCompact) are loaded from and persisted to localStorage.
• Compact mode: <table> with one row per position showing asset, equity, leverage, HF, APY, P&L.
• Expanded mode: existing card layout, now also showing unrealised P&L when a PnL entry exists.
• Second click on the active column reverses direction; clicking a new column resets to ascending.

style.css

• Styles for the sort button bar, active/arrow indicators, compact table rows, and hover/active states.

Acceptance criteria

• Click column header to sort; second click reverses
• Compact view shows one row per position
• Sort column, direction, and view preference persist in localStorage

Closes #16

[drips-wave]

@Escelit Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits