Add description to device name field in settings page

_locales/en/messages.json

@@ -1674,6 +1674,10 @@
     "messageformat": "Device Name",
     "description": "The label in settings panel shown for the user-provided name for this desktop instance"
   },
+  "icu:Preferences--device-name__description": {
+    "messageformat": "To change the name of this device, open Signal on your phone and navigate to Settings > Linked devices",
+    "description": "Shown in the Settings window below the read-only device name"
+  },
   "icu:chooseDeviceName": {
     "messageformat": "Choose this device's name",
     "description": "The header shown on the 'choose device name' screen in the device linking process"

stylesheets/components/Preferences.scss

@@ -184,7 +184,6 @@
   }
 
   &__control {
-    align-items: center;
     display: flex;
     justify-content: space-between;
     min-height: 48px;

ts/components/Preferences.tsx

@@ -538,7 +538,14 @@ export function Preferences({
             right={phoneNumber}
           />
           <Control
-            left={i18n('icu:Preferences--device-name')}
+            left={
+              <>
+                <div>{i18n('icu:Preferences--device-name')}</div>
+                <div className="Preferences__description">
+                  {i18n('icu:Preferences--device-name__description')}
+                </div>
+              </>
+            }
             right={deviceName}
           />
         </SettingsRow>