UX/UI redesign for the mobile WebView

- Compact top bar (logo, OASIS, user avatar with default fallback).
- Fixed bottom navigation (Search, Inbox, Write, Activity + Peers/Invites) with active state.
- Removed duplicated header nav buttons on mobile.
- Personal/Community submenus: single-open accordion.
- Activity filters grouped into quick modes + collapsible thematic groups.
- Private messages rendered as chat bubbles on mobile.
- Text fixes, full-width stacked tables, touch feedback; Activity group labels in 11 locales.
Mobile-scoped (mobile.css + views); desktop unaffected.

src/client/assets/translations/oasis_ar.js

@@ -1,6 +1,12 @@
 const { a, em, strong } = require('../../../server/node_modules/hyperaxe');
 module.exports = {
   ar: {
+    activityGroupCommunity: "المجتمع والحوكمة",
+    activityGroupOrg: "التنظيم",
+    activityGroupComm: "التواصل",
+    activityGroupEconomy: "الاقتصاد",
+    activityGroupMedia: "المحتوى والوسائط",
+    activityGroupOther: "أخرى",
     languageName: "العربية",
     shopOrderStatusPaid: "تم استلام الدفع",
     shopOrderStatusReceived: "تم الاستلام",

src/client/assets/translations/oasis_de.js

@@ -1,6 +1,12 @@
 const { a, em, strong } = require('../../../server/node_modules/hyperaxe');
 module.exports = {
   de: {
+    activityGroupCommunity: "Gemeinschaft & Governance",
+    activityGroupOrg: "Organisation",
+    activityGroupComm: "Kommunikation",
+    activityGroupEconomy: "Wirtschaft",
+    activityGroupMedia: "Inhalte & Medien",
+    activityGroupOther: "Sonstiges",
     languageName: "Deutsch",
     shopOrderStatusPaid: "Zahlung erhalten",
     shopOrderStatusReceived: "Erhalten",

src/client/assets/translations/oasis_en.js

@@ -1,6 +1,12 @@
 const { a, em, strong } = require('../../../server/node_modules/hyperaxe');
 module.exports = {
   en: {
+    activityGroupCommunity: "Community & Governance",
+    activityGroupOrg: "Organization",
+    activityGroupComm: "Communication",
+    activityGroupEconomy: "Economy",
+    activityGroupMedia: "Content & Media",
+    activityGroupOther: "Others",
     languageName: "English",
     shopOrderStatusPaid: "Payment received",
     shopOrderStatusReceived: "Received",

src/client/assets/translations/oasis_es.js

@@ -1,6 +1,12 @@
 const { a, em, strong } = require('../../../server/node_modules/hyperaxe');
 module.exports = {
   es: {
+    activityGroupCommunity: "Comunidad y Gobernanza",
+    activityGroupOrg: "Organización",
+    activityGroupComm: "Comunicación",
+    activityGroupEconomy: "Economía",
+    activityGroupMedia: "Contenido y Media",
+    activityGroupOther: "Otros",
     languageName: "Castellano",
     shopOrderStatusPaid: "Pago recibido",
     shopOrderStatusReceived: "Recibido",

src/client/assets/translations/oasis_eu.js

@@ -1,6 +1,12 @@
 const { a, em, strong } = require('../../../server/node_modules/hyperaxe');
 module.exports = {
   eu: {
+    activityGroupCommunity: "Komunitatea eta gobernantza",
+    activityGroupOrg: "Antolakuntza",
+    activityGroupComm: "Komunikazioa",
+    activityGroupEconomy: "Ekonomia",
+    activityGroupMedia: "Edukia eta multimedia",
+    activityGroupOther: "Bestelakoak",
     languageName: "Basque",
     shopOrderStatusPaid: "Ordainketa jasota",
     shopOrderStatusReceived: "Jasota",

src/client/assets/translations/oasis_fr.js

@@ -1,6 +1,12 @@
 const { a, em, strong } = require('../../../server/node_modules/hyperaxe');
 module.exports = {
   fr: {
+    activityGroupCommunity: "Communauté et gouvernance",
+    activityGroupOrg: "Organisation",
+    activityGroupComm: "Communication",
+    activityGroupEconomy: "Économie",
+    activityGroupMedia: "Contenu et médias",
+    activityGroupOther: "Autres",
     languageName: "Français",
     shopOrderStatusPaid: "Paiement reçu",
     shopOrderStatusReceived: "Reçu",

src/client/assets/translations/oasis_hi.js

@@ -1,6 +1,12 @@
 const { a, em, strong } = require('../../../server/node_modules/hyperaxe');
 module.exports = {
   hi: {
+    activityGroupCommunity: "समुदाय और शासन",
+    activityGroupOrg: "संगठन",
+    activityGroupComm: "संचार",
+    activityGroupEconomy: "अर्थव्यवस्था",
+    activityGroupMedia: "सामग्री और मीडिया",
+    activityGroupOther: "अन्य",
     languageName: "हिन्दी",
     shopOrderStatusPaid: "भुगतान प्राप्त",
     shopOrderStatusReceived: "प्राप्त",

src/client/assets/translations/oasis_it.js

@@ -1,6 +1,12 @@
 const { a, em, strong } = require('../../../server/node_modules/hyperaxe');
 module.exports = {
   it: {
+    activityGroupCommunity: "Comunità e governance",
+    activityGroupOrg: "Organizzazione",
+    activityGroupComm: "Comunicazione",
+    activityGroupEconomy: "Economia",
+    activityGroupMedia: "Contenuti e media",
+    activityGroupOther: "Altri",
     languageName: "Italiano",
     shopOrderStatusPaid: "Pagamento ricevuto",
     shopOrderStatusReceived: "Ricevuto",

src/client/assets/translations/oasis_pt.js

@@ -1,6 +1,12 @@
 const { a, em, strong } = require('../../../server/node_modules/hyperaxe');
 module.exports = {
   pt: {
+    activityGroupCommunity: "Comunidade e governança",
+    activityGroupOrg: "Organização",
+    activityGroupComm: "Comunicação",
+    activityGroupEconomy: "Economia",
+    activityGroupMedia: "Conteúdo e média",
+    activityGroupOther: "Outros",
     languageName: "Português",
     shopOrderStatusPaid: "Pagamento recebido",
     shopOrderStatusReceived: "Recebido",

src/client/assets/translations/oasis_ru.js

@@ -1,6 +1,12 @@
 const { a, em, strong } = require('../../../server/node_modules/hyperaxe');
 module.exports = {
   ru: {
+    activityGroupCommunity: "Сообщество и управление",
+    activityGroupOrg: "Организация",
+    activityGroupComm: "Коммуникация",
+    activityGroupEconomy: "Экономика",
+    activityGroupMedia: "Контент и медиа",
+    activityGroupOther: "Другое",
     languageName: "Русский",
     shopOrderStatusPaid: "Оплата получена",
     shopOrderStatusReceived: "Получено",

src/client/assets/translations/oasis_zh.js

@@ -1,6 +1,12 @@
 const { a, em, strong } = require('../../../server/node_modules/hyperaxe');
 module.exports = {
   zh: {
+    activityGroupCommunity: "社区与治理",
+    activityGroupOrg: "组织",
+    activityGroupComm: "沟通",
+    activityGroupEconomy: "经济",
+    activityGroupMedia: "内容与媒体",
+    activityGroupOther: "其他",
     languageName: "中文",
     shopOrderStatusPaid: "已收款",
     shopOrderStatusReceived: "已收到",