Restore translations + fix CSS for new components

- Restored Arabic/English translations from overhaul
- Restored LanguageContext for language switching
- Restored updated components with i18n support
- Kept original CSS from f17e19f (working desktop styling)
- Added missing CSS for new components:
  - .page-title-with-actions
  - .toggle-with-label
  - .period-display-banner

Desktop and Arabic translations both working.

src/App.css

@@ -325,6 +325,32 @@ body {
   font-size: 0.875rem;
 }
 
+/* Page Title with Actions (Labels toggle) */
+.page-title-with-actions {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 24px;
+}
+
+.page-title-with-actions .page-title {
+  margin-bottom: 0;
+}
+
+.toggle-with-label {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 4px;
+}
+
+.toggle-with-label .toggle-text {
+  font-size: 0.6875rem;
+  font-weight: 500;
+  color: var(--text-muted);
+}
+
 /* Filters - now uses .controls for consistency */
 
 /* Stats Grid */
@@ -599,6 +625,58 @@ table tbody tr:hover {
   font-weight: 500;
 }
 
+/* Period Display Banner */
+.period-display-banner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 24px;
+  background: var(--bg);
+  padding: 20px 32px;
+  border-radius: 12px;
+  margin-bottom: 24px;
+}
+
+.period-display-banner .period-box {
+  text-align: center;
+  min-width: 180px;
+}
+
+.period-display-banner .period-box.prev {
+  color: var(--text-secondary);
+}
+
+.period-display-banner .period-box.curr {
+  color: var(--text-primary);
+}
+
+.period-display-banner .period-label {
+  font-size: 0.6875rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-muted);
+  margin-bottom: 4px;
+}
+
+.period-display-banner .period-value {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin-bottom: 2px;
+}
+
+.period-display-banner .period-dates {
+  font-size: 0.8125rem;
+  color: var(--text-muted);
+}
+
+.period-display-banner .period-vs {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--text-muted);
+  padding: 0 8px;
+}
+
 /* Comparison Metrics */
 .comparison-grid {
   display: grid;