feat: activity screen in the SPA, route /activity

web/src/assets/main.css

@@ -105,6 +105,18 @@
 	--text-xl--line-height: 28px;
 	--text-2xl: 1.75rem;
 	--text-2xl--line-height: 36px;
+	--text-3xs: 0.625rem;
+	--text-3xs--line-height: 16px;
+	--text-2xs: 0.6875rem;
+	--text-2xs--line-height: 20px;
+	--text-md: 0.9375rem;
+	--text-md--line-height: 22px;
+	--text-lead: 1.125rem;
+	--text-lead--line-height: 26px;
+	--text-stat-sm: 1.375rem;
+	--text-stat-sm--line-height: 32px;
+	--text-stat: 1.5rem;
+	--text-stat--line-height: 32px;
 	--text-code: 0.75rem;
 	--text-code--line-height: 19px;
 
@@ -116,6 +128,7 @@
 
 	--shadow-popover: 0 4px 16px rgb(17 17 17 / 0.08), 0 1px 2px rgb(17 17 17 / 0.06);
 	--shadow-modal: 0 16px 48px rgb(17 17 17 / 0.18);
+	--shadow-flag: inset 2px 0 0 var(--ui-warning);
 
 	--ease-standard: cubic-bezier(0.2, 0, 0, 1);
 	--ease-enter: cubic-bezier(0, 0, 0, 1);