chore: copy and style improvements

packages/web/src/javascripts/Components/Preferences/Panes/Security/ErroredItems.tsx

@@ -65,7 +65,7 @@ const ErroredItems: FunctionComponent<Props> = ({ viewControllerManager }: Props
     <PreferencesGroup>
       <PreferencesSegment>
         <Title>
-          Error Decrypting Items <span className="ml-1 text-warning">⚠️</span>
+          Error decrypting items <span className="ml-1 text-warning">⚠️</span>
         </Title>
         <Text>{`${erroredItems.length} items are errored and could not be decrypted.`}</Text>
         <div className="flex">

packages/web/src/javascripts/Components/Preferences/Panes/Security/PasscodeLock.tsx

@@ -190,7 +190,7 @@ const PasscodeLock = ({ application, viewControllerManager }: Props) => {
     <>
       <PreferencesGroup>
         <PreferencesSegment>
-          <Title>Passcode Lock</Title>
+          <Title>Passcode lock</Title>
 
           {!hasPasscode && canAddPasscode && (
             <>

packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/TwoFactorAuthView/TwoFactorTitle.tsx

@@ -12,7 +12,7 @@ const TwoFactorTitle: FunctionComponent<Props> = ({ auth }) => {
     return <Title>Two-factor authentication not available</Title>
   }
 
-  return <Title>Two-Factor Authentication</Title>
+  return <Title>Two-factor authentication</Title>
 }
 
 export default observer(TwoFactorTitle)

packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FDescription.tsx

@@ -18,7 +18,7 @@ const U2FDescription: FunctionComponent<Props> = ({ userProvider }) => {
 
   return (
     <div>
-      <Text>Authenticate with a hardware security key such as Yubikey.</Text>
+      <Text>Authenticate with a hardware security key such as YubiKey.</Text>
       {!application.isFullU2FClient && (
         <Text className="italic">Please visit the web app in order to add a hardware security key.</Text>
       )}

packages/web/src/javascripts/Components/Preferences/Panes/Security/U2F/U2FView/U2FTitle.tsx

@@ -13,7 +13,7 @@ const U2FTitle: FunctionComponent<Props> = ({ userProvider }) => {
     return <Title>Hardware security key authentication not available</Title>
   }
 
-  return <Title>Hardware Security Key Authentication</Title>
+  return <Title>Hardware security key authentication</Title>
 }
 
 export default observer(U2FTitle)