Fix crash in alias settings page (#18004)

(cherry picked from commit dc50347247)

app/javascript/styles/mastodon/about.scss

@@ -868,9 +868,9 @@ $small-breakpoint: 960px;
 .brand__tagline {
   display: block;
   position: absolute;
-  bottom: -10px;
+  bottom: -30px;
-  left: 50px;
+  left: 9px;
-  width: 300px;
+  width: 350px;
   color: $ui-primary-color;
   text-decoration: none;
   font-size: 14px;

app/models/account_alias.rb

@@ -28,6 +28,11 @@ class AccountAlias < ApplicationRecord
     super(val.start_with?('@') ? val[1..-1] : val)
   end
 
+  def pretty_acct
+    username, domain = acct.split('@')
+    domain.nil? ? username : "#{username}@#{Addressable::IDNA.to_unicode(domain)}"
+  end
+
   private
 
   def set_uri

config/locales/de.yml

@@ -38,7 +38,7 @@ de:
       one: Beitrag
       other: Beiträge
     status_count_before: mit
-    tagline: Finde deine Freunde und entdecke neue
+    tagline: Ein föderiertes soziales Netzwerk für Potsdams Linke
     terms: Nutzungsbedingungen
     unavailable_content: Nicht verfügbarer Inhalt
     unavailable_content_description:

config/locales/en.yml

@@ -38,7 +38,7 @@ en:
       one: post
       other: posts
     status_count_before: Who published
-    tagline: Follow friends and discover new ones
+    tagline: A federated social network for Potsdam's Left
     terms: Terms of service
     unavailable_content: Moderated servers
     unavailable_content_description:

config/locales/simple_form.de.yml

@@ -38,7 +38,7 @@ de:
         current_username: Um das zu bestätigen, gib den Benutzernamen des aktuellen Kontos ein
         digest: Wenn du eine lange Zeit inaktiv bist, wird dir eine Zusammenfassung von Erwähnungen zugeschickt, die du in deiner Abwesenheit empfangen hast
         discoverable: Erlaube deinem Konto durch Empfehlungen, Trends und andere Funktionen von Fremden entdeckt zu werden
-        email: Du wirst eine Bestätigungs-E-Mail erhalten
+        email: Du wirst eine Bestätigungs-E-Mail erhalten. Es kann sein, dass sie im Spamordner landet oder verspätet ankommt. Schreib uns gerne bei Problemen an mail@potsda.mn
         fields: Du kannst bis zu 4 Elemente auf deinem Profil anzeigen lassen, die als Tabelle dargestellt werden
         header: PNG, GIF oder JPG. Maximal %{size}. Wird auf %{dimensions} px herunterskaliert
         inbox_url: Kopiere die URL von der Startseite des gewünschten Relays
@@ -58,7 +58,7 @@ de:
         setting_show_application: Die Anwendung die du nutzt wird in der detaillierten Ansicht deiner Beiträge angezeigt
         setting_use_blurhash: Die Farbverläufe basieren auf den Farben der versteckten Medien, aber verstecken jegliche Details
         setting_use_pending_items: Neue Beiträge hinter einem Klick verstecken anstatt automatisch zu scrollen
-        username: Dein Benutzername wird auf %{domain} einzigartig sein
+        username: Dein Benutzername wird auf %{domain} einzigartig sein. Leerzeichen und Umlaute sind nicht erlaubt.
         whole_word: Wenn das Schlagwort nur aus Buchstaben und Zahlen besteht, wird es nur angewendet, wenn es dem ganzen Wort entspricht
       domain_allow:
         domain: Diese Domain kann Daten von diesem Server abrufen und eingehende Daten werden verarbeitet und gespeichert