fix: add missing translations, fix birthday

src/components/modals/main/settings/sections/Appearance.jsx

@@ -20,7 +20,7 @@ export default function AppearanceSettings() {
           <span className="title">
             {variables.getMessage('modals.main.settings.sections.appearance.theme.title')}
           </span>
-          <span className="subtitle">Change the theme of the Mue widgets and modals</span>
+          <span className="subtitle"> {variables.getMessage('modals.main.settings.sections.appearance.theme.description')}</span>
         </div>
         <div className="action">
           <Radio
@@ -48,7 +48,7 @@ export default function AppearanceSettings() {
           <span className="title">
             {variables.getMessage('modals.main.settings.sections.appearance.font.title')}
           </span>
-          <span className="subtitle">Change the font used in Mue</span>
+          <span className="subtitle">{variables.getMessage('modals.main.settings.sections.appearance.font.description')}</span>
         </div>
         <div className="action">
           <Checkbox
@@ -121,19 +121,19 @@ export default function AppearanceSettings() {
         </div>
       </div>
       <SettingsItem
-        title="Widget Style"
-        subtitle="Choose between the two styles, legacy (enabled for pre 7.0 users) and our slick modern styling."
+        title={variables.getMessage('modals.main.settings.sections.appearance.style.title')}
+        subtitle={variables.getMessage('modals.main.settings.sections.appearance.style.description')}
       >
         <Radio
           name="widgetStyle"
           element=".other"
           options={[
             {
-              name: 'Legacy',
+              name: variables.getMessage('modals.main.settings.sections.appearance.style.legacy'),
               value: 'legacy',
             },
             {
-              name: 'New',
+              name: variables.getMessage('modals.main.settings.sections.appearance.style.new'),
               value: 'new',
             },
           ]}
@@ -143,19 +143,19 @@ export default function AppearanceSettings() {
 
       <SettingsItem
         title={variables.getMessage('modals.main.settings.sections.appearance.accessibility.title')}
-        subtitle="Accessibility settings for Mue"
+        subtitle={variables.getMessage('modals.main.settings.sections.appearance.accessibility.description')}
         final={true}
       >
         <Dropdown
           label={variables.getMessage(
-            'modals.main.settings.sections.appearance.accessibility.text_shadow',
+            'modals.main.settings.sections.appearance.accessibility.text_shadow.title',
           )}
           name="textBorder"
           category="other"
         >
-          <option value="new">New</option> {/* default */}
-          <option value="true">Old</option> {/* old checkbox setting */}
-          <option value="none">None</option>
+          <option value="new">{variables.getMessage('modals.main.settings.sections.appearance.accessibility.text_shadow.new',)}</option> {/* default */}
+          <option value="true">{variables.getMessage('modals.main.settings.sections.appearance.accessibility.text_shadow.old',)}</option> {/* old checkbox setting */}
+          <option value="none">{variables.getMessage('modals.main.settings.sections.appearance.accessibility.text_shadow.none')}</option>
         </Dropdown>
         <Checkbox
           text={variables.getMessage(

src/components/modals/main/settings/sections/Changelog.jsx

@@ -109,8 +109,8 @@ export default class Changelog extends PureComponent {
       return errorMessage(
         <>
           <MdOutlineWifiOff />
-          <h1>failed</h1>
-          <p className="description">error description</p>
+          <span className='title'>{variables.getMessage('modals.main.error_boundary.title')}</span>
+          <span className="subtitle">{variables.getMessage('modals.main.error_boundary.message')}</span>
         </>,
       );
     }

src/components/modals/main/settings/sections/Message.jsx

@@ -115,8 +115,8 @@ export default class Message extends PureComponent {
           <div className="photosEmpty">
             <div className="emptyNewMessage">
               <MdOutlineTextsms />
-              <span className="title">No messages</span>
-              <span className="subtitle">Go ahead and add some.</span>
+              <span className="title">{variables.getMessage('modals.main.settings.sections.message.no_messages')}</span>
+              <span className="subtitle">{variables.getMessage('modals.main.settings.sections.message.add_some')}</span>
               <button onClick={() => this.modifyMessage('add')}>
                 {variables.getMessage('modals.main.settings.sections.message.add')}
                 <MdAdd />

src/components/modals/main/settings/sections/Weather.jsx

@@ -69,12 +69,12 @@ export default class TimeSettings extends PureComponent {
           zoomCategory="weather"
           switch={true}
         />
-        <SettingsItem title="Widget Type">
+        <SettingsItem title={variables.getMessage('modals.main.settings.sections.weather.widget_type')}>
           <Dropdown label="Type" name="weatherType" category="weather">
-            <option value="1">Basic</option>
-            <option value="2">Standard</option>
-            <option value="3">Expanded</option>
-            <option value="4">Custom</option>
+            <option value="1">{variables.getMessage('widgets.weather.options.basic')}</option>
+            <option value="2">{variables.getMessage('widgets.weather.options.standard')}</option>
+            <option value="3">{variables.getMessage('widgets.weather.options.expanded')}</option>
+            <option value="4">{variables.getMessage('widgets.weather.options.custom')}</option>
           </Dropdown>
         </SettingsItem>
         <SettingsItem