Create the iOS version of the status screen

[shankari]

• Replace placeholders with appropriate text
• Add scope.setupIOSLocChecks and scope.setupIOSFitnessChecks
• For notifications, we re-use the android settings
• For background restrictions, we disable them since they don't exist (or at
  least, are not user controllable) on iOS

[shankari]

Screen top	Screen bottom

[shankari]

on testing, the iOS version of the dashboard is missing the footprint. It works on android. The issue seems to be that the date range is 3 lines - it is 2 lines on android and works fine there.

It also used to work on iOS through the UI update but it doesn't today. When I launched the production app, I briefly saw a correctly formatted dashboard, which was then displayed incorrectly.

Android	iOS	iOS with dates commented out

[shankari]

Digging a little deeper:

• on android, the width is 206px for the date range and 120px for the "change dates" button
• on iOS, the width is 195 for the ng-if div and 105 px for the metric-second-half div, it is 195px for the change dates parent and 120px for the actual button

Why is there such a large margin?

<div ng-if="uictrl.showSummary" style="width:50%; float:right; padding-top: 10px;" class="">
      <div class="metric-second-half">
      <div class="ng-binding"> Feb 16, 2022 ➡️  Feb 23, 2022 </div>
      </div>
    </div>

Ah it is because the metrics-second-half class has a width of 105px

/*Change later*/
.metric-second-half {
  width: 105px;
  margin: auto;
}

Apparently that hardcoded width is large enough on android but not on iOS?

[shankari]

Setting an explicit % width (90%) for the range seems to fix it, but let's see why we had a hardcoded value to begin with.

• It was changed from a % (38%) to a hardcoded value in 75255b4#diff-f0b16f371e059afcc066174f37fb73072e9d99b5a5f08a348f5def05855ca4c6, mixed in with a bunch of other changes.

• Is it used anywhere else or can we just change it? Only used in this location, for both halves of that row (the date range and the "change date" button.

      <div class="metric-second-half">
      <div> {{ selectCtrl.fromDateTimestamp.format('ll') }} ➡️  {{ selectCtrl.toDateTimestamp.format('ll') }} </div>
      </div>
    </div>
    <div ng-if="uictrl.showChart" style="width:50%;float:right; padding-top: 10px">
      <div class="metric-second-half">

Ok, let's go ahead and change it.

[shankari]

Changing it to 90% fixed it on iOS without breaking on android.

iOS	Android

[shankari]

Making some final wording changes since we don't have any fallbacks.

[shankari]

This finally fixes e-mission/e-mission-docs#680