Frontend first draft

frontend/pshared/lib/widgets/locale.dart

@@ -0,0 +1,65 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pshared/provider/locale.dart';
+import 'package:pshared/utils/flagged_locale.dart';
+
+
+class LocaleChangerDropdown extends StatelessWidget {
+  final List<Locale> availableLocales;
+  final bool lettersMode;
+  const LocaleChangerDropdown({
+    super.key,
+    required this.availableLocales,
+    this.lettersMode = false,
+  });
+
+  Widget textLabel(BuildContext context, Locale locale) {
+    return Container(
+      padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+      decoration: BoxDecoration(
+        color: Theme.of(context).primaryColor.withAlpha(26),
+        borderRadius: BorderRadius.circular(12),
+      ),
+      child: Row(
+        children: [
+          Icon(Icons.language),
+          Container(width: 4.0),
+          Text(
+            locale.languageCode.toUpperCase(),
+            style: TextStyle(
+              fontSize: 14,
+              fontWeight: FontWeight.bold,
+              color: Theme.of(context).textTheme.bodyMedium?.color,
+            ),
+          ),
+          Icon(Icons.arrow_drop_down, color: Theme.of(context).iconTheme.color),
+        ],
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (availableLocales.length <= 1) {
+      // If only one locale is available, do not show the button.
+      return const SizedBox.shrink();
+    }  
+
+    var localeProvider = Provider.of<LocaleProvider>(context);
+
+    return PopupMenuButton<Locale>(
+      icon: lettersMode ? textLabel(context, localeProvider.locale) : getCountryFlag(localeProvider.locale),
+      onSelected: localeProvider.setLocale,
+      itemBuilder: (BuildContext context) {
+        return availableLocales.map((Locale locale) {
+          return PopupMenuItem<Locale>(
+            value: locale,
+            child: lettersMode ? getLocaleNameWidget(locale) : getFlaggedLocale(locale),
+          );
+        }).toList();
+      },
+    );
+  }
+}