icons: Place new log-in and log-out icons across UI.

docs/THIRDPARTY

@@ -242,11 +242,6 @@ Copyright: 2013-2023 Cole Bemis (https://feathericons.com)
 License: Expat
 Comment: Icon has been modified by Vlad Koborov
 
-Files: web/shared/icons/power.svg
-Copyright: 2013-2023 Cole Bemis (https://feathericons.com)
-License: Expat
-Comment: Icon has been modified by Vlad Koborov
-
 Files: web/images/empty-view-illustrations/inbox-done.svg
 Copyright: 2013-2023 Cole Bemis (https://feathericons.com)
 License: Expat

web/styles/left_sidebar.css

@@ -416,6 +416,11 @@ li.show-more-topics {
     }
 }
 
+#login-link-container .login_button {
+    display: flex;
+    align-items: center;
+}
+
 ul.filters {
     list-style-type: none;
     margin-left: 0;

web/templates/gear_menu_popover.hbs

@@ -173,7 +173,7 @@
                 {{/if}}
                 <li class="link-item navbar-dropdown-menu-inner-list-item only-visible-for-spectators">
                     <a href="{{login_link}}" class="navigate-link-on-enter navbar-dropdown-menu-link">
-                        <i class="navbar-dropdown-icon zulip-icon zulip-icon-power" aria-hidden="true"></i> {{t 'Log in' }}
+                        <i class="navbar-dropdown-icon zulip-icon zulip-icon-log-in" aria-hidden="true"></i> {{t 'Log in' }}
                     </a>
                 </li>
             </ul>

web/templates/left_sidebar.hbs

@@ -185,7 +185,7 @@
                 {{/unless}}
                 <div id="login-link-container" class="only-visible-for-spectators">
                     <a class="login_button">
-                        <i class="fa fa-sign-in" aria-hidden="true"></i>
+                        <i class="zulip-icon zulip-icon-log-in" aria-hidden="true"></i>
                         {{~!-- squash whitespace --~}}
                         {{t 'Log in to browse more streams'}}
                     </a>

web/templates/login_to_view_image_button.hbs

@@ -1,6 +1,6 @@
 <div class="spectator_login_for_image_button">
     <a class="login_button color_animated_button" href="/login/">
-        <i class='fa fa-sign-in'></i>
+        <i class='zulip-icon zulip-icon-log-in'></i>
         <span>Log in to view image</span>
     </a>
 </div>

web/templates/navbar.hbs

@@ -59,7 +59,7 @@
             </div>
             <div class="spectator_narrow_login_button only-visible-for-spectators" data-tippy-content="{{t 'Log in' }}" data-tippy-placement="bottom">
                 <a class="header-button login_button">
-                    <i class="fa fa-sign-in"></i>
+                    <i class="zulip-icon zulip-icon-log-in"></i>
                 </a>
             </div>
         </div>

web/templates/personal_menu.hbs

@@ -118,7 +118,7 @@
                     <ul class="navbar-dropdown-menu-inner-list">
                         <li class="link-item navbar-dropdown-menu-inner-list-item">
                             <a class="logout_button hidden-for-spectators navbar-dropdown-menu-link" tabindex="0">
-                                <i class="navbar-dropdown-icon zulip-icon zulip-icon-power" aria-hidden="true"></i>
+                                <i class="navbar-dropdown-icon zulip-icon zulip-icon-log-out" aria-hidden="true"></i>
                                 {{t 'Log out' }}
                             </a>
                         </li>