shift73k/lib/shift73k_web/live/user/settings.html.heex

<div class="row justify-content-center">
  <div class="col-11">

    <h2 class="mb-3">
      <i class="bi bi-sliders me-1"></i> User Settings
    </h2>

    <div class="row justify-content-center justify-content-md-start">
      <.live_component module={Shift73kWeb.UserLive.Settings.Email} id={"email-#{@current_user.id}"} current_user={@current_user} />
      <.live_component module={Shift73kWeb.UserLive.Settings.Password} id={"password-#{@current_user.id}"} current_user={@current_user} />
      <.live_component module={Shift73kWeb.UserLive.Settings.WeekStart} id={"week_start-#{@current_user.id}"} current_user={@current_user} />
      <.live_component module={Shift73kWeb.UserLive.Settings.CalendarUrl} id={"calendar_url-#{@current_user.id}"} current_user={@current_user} />
    </div>

  </div>
</div>