From 808a7240ab63c1e68c5c491d5003e0d9b0b4b256 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Mon, 3 Jan 2022 16:26:39 +0530
Subject: [PATCH] Fixing optional chaining issue on Brave

---
 index.html | 441 ++++++++++++++++++++++++++++++++---------------------
 1 file changed, 266 insertions(+), 175 deletions(-)

diff --git a/index.html b/index.html
index 4c21fad..59a1e99 100644
--- a/index.html
+++ b/index.html
@@ -129,8 +129,8 @@
         <h2>Sign In</h2>
         <p>Welcome to RIBC.</p>
         <sm-form id="sign_in_form" class="grid gap-1">
-            <sm-input id="private_key_input" placeholder="Private key" type="password" error-text="Private key is invalid"
-                data-private-key required></sm-input>
+            <sm-input id="private_key_input" placeholder="Private key" type="password"
+                error-text="Private key is invalid" data-private-key required></sm-input>
             <sm-button id="sign_in_button" variant="primary" disabled>Sign in</sm-button>
         </sm-form>
         <p>
@@ -144,54 +144,85 @@
     <main id="main_page" class="grid">
         <header id="main_header" class="hide-on-desktop space-between">
             <div id="logo" class="logo">
-                <svg class="icon rm-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.46,21.32C20,19.78,18.6,18.59,15.3,17a12.67,12.67,0,0,1-2.64-1.56,4.27,4.27,0,0,1-.79-1,2.6,2.6,0,0,1,0-1.41c.24-.68.49-1,2.43-2.85a7.18,7.18,0,0,0,2.09-2.92,4.25,4.25,0,0,0,0-1.77,6.52,6.52,0,0,0-2.85-3.11c-.56-.36-.81-.4-.81-.15a2.33,2.33,0,0,1-.18.45L12.4,3l-.53-.36c-.28-.21-.64-.41-.77-.49s-.46-.11-.46,0a6.21,6.21,0,0,1-.37.83s-.08,0-.17-.08c-1.15-.83-1.64-1-1.64-.73A7.33,7.33,0,0,1,7.7,3.65C6.48,5.68,5.24,6.7,4,6.7c-.56,0-.54,0-.37.64s.2.58.68.43a3.37,3.37,0,0,0,1.09-.54.86.86,0,0,1,.3-.17,1.34,1.34,0,0,1,.13.39.79.79,0,0,0,.17.4A3.5,3.5,0,0,0,7.37,7.3L7.8,7l.09.34c.12.45.19.51.62.39a4.25,4.25,0,0,0,2.17-1.54l.38-.45,0,.39A5.92,5.92,0,0,1,8.89,9.54L7.67,10.71c-2,1.93-1.89,3.51.37,5a27.41,27.41,0,0,0,2.89,1.51c.17.07.62.32,1,.54C14,19,15,20.23,15,21.48a2,2,0,0,0,0,.49h0c0,.05,0,.05.56-.1a1.89,1.89,0,0,0,.53-.21,2.41,2.41,0,0,0-.34-1.15,7.05,7.05,0,0,0-1.68-1.77,21.91,21.91,0,0,0-3.2-1.83A9.53,9.53,0,0,1,8.16,15.2a2.18,2.18,0,0,1-.74-1.55C7.42,12.79,7.86,12,9,11c1.77-1.64,2.45-2.45,2.92-3.55a2.28,2.28,0,0,0,.26-1.26A2,2,0,0,0,12,5.06l-.2-.45L12,4.3l.28-.49.09-.18L12.6,4a3.69,3.69,0,0,1,.61,1.76A3.47,3.47,0,0,1,12.94,7l-.09.25s-.21.37-.41.69A17.78,17.78,0,0,1,9.91,10.6c-1.07,1-1.43,1.62-1.47,2.47a2.05,2.05,0,0,0,.7,1.73,10.47,10.47,0,0,0,3.28,2.08c2.28,1.13,3.26,1.81,4,2.73a2.94,2.94,0,0,1,.74,1.75,1.26,1.26,0,0,0,.09.57.48.48,0,0,0,.26,0l.51-.13.29-.08,0-.28c-.13-1-1-2-2.47-3a25.52,25.52,0,0,0-3.26-1.77,8.59,8.59,0,0,1-2.23-1.43,2.09,2.09,0,0,1-.5-2.62c.26-.53.5-.83,2.35-2.6,1.51-1.45,2.15-2.58,2.15-3.79A3.67,3.67,0,0,0,13,3.48a3,3,0,0,1-.4-.42A1.85,1.85,0,0,1,13,2.33a6.74,6.74,0,0,1,1.83,1.73,2.62,2.62,0,0,1,.47,1.68,3,3,0,0,1-.55,1.84c-.45.78-.79,1.14-2.67,2.93a5.56,5.56,0,0,0-1.3,1.64,1.77,1.77,0,0,0-.21,1,1.76,1.76,0,0,0,.19.92,6.28,6.28,0,0,0,2.9,2.34,21.6,21.6,0,0,1,3.66,2c1.35,1,2,2,2,3a1.06,1.06,0,0,0,.05.47,2.83,2.83,0,0,0,1-.24C20.56,21.68,20.56,21.66,20.46,21.32ZM7.29,6.4h0a2.23,2.23,0,0,1-.9.28L6,6.72l.43-.53a15.22,15.22,0,0,0,1.89-3,3.52,3.52,0,0,1,.38-.67c.07-.08.49.2,1,.64l.39.35L9.66,4A6.7,6.7,0,0,1,7.29,6.4Zm3.58-1.11A5.8,5.8,0,0,1,9.25,6.51h0a3.3,3.3,0,0,1-.74.17l-.35,0,.39-.49a15.64,15.64,0,0,0,1.32-2,4.63,4.63,0,0,1,.28-.49c.06-.08.33.26.57.77l.28.57Zm1-1.4a1.63,1.63,0,0,1-.28.4A6.63,6.63,0,0,1,11,3.72l-.53-.56.12-.29c.2-.49.24-.51.64-.19a5.57,5.57,0,0,1,.85.78A2.78,2.78,0,0,1,11.87,3.89Z"/></svg>
+                <svg class="icon rm-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <path
+                        d="M20.46,21.32C20,19.78,18.6,18.59,15.3,17a12.67,12.67,0,0,1-2.64-1.56,4.27,4.27,0,0,1-.79-1,2.6,2.6,0,0,1,0-1.41c.24-.68.49-1,2.43-2.85a7.18,7.18,0,0,0,2.09-2.92,4.25,4.25,0,0,0,0-1.77,6.52,6.52,0,0,0-2.85-3.11c-.56-.36-.81-.4-.81-.15a2.33,2.33,0,0,1-.18.45L12.4,3l-.53-.36c-.28-.21-.64-.41-.77-.49s-.46-.11-.46,0a6.21,6.21,0,0,1-.37.83s-.08,0-.17-.08c-1.15-.83-1.64-1-1.64-.73A7.33,7.33,0,0,1,7.7,3.65C6.48,5.68,5.24,6.7,4,6.7c-.56,0-.54,0-.37.64s.2.58.68.43a3.37,3.37,0,0,0,1.09-.54.86.86,0,0,1,.3-.17,1.34,1.34,0,0,1,.13.39.79.79,0,0,0,.17.4A3.5,3.5,0,0,0,7.37,7.3L7.8,7l.09.34c.12.45.19.51.62.39a4.25,4.25,0,0,0,2.17-1.54l.38-.45,0,.39A5.92,5.92,0,0,1,8.89,9.54L7.67,10.71c-2,1.93-1.89,3.51.37,5a27.41,27.41,0,0,0,2.89,1.51c.17.07.62.32,1,.54C14,19,15,20.23,15,21.48a2,2,0,0,0,0,.49h0c0,.05,0,.05.56-.1a1.89,1.89,0,0,0,.53-.21,2.41,2.41,0,0,0-.34-1.15,7.05,7.05,0,0,0-1.68-1.77,21.91,21.91,0,0,0-3.2-1.83A9.53,9.53,0,0,1,8.16,15.2a2.18,2.18,0,0,1-.74-1.55C7.42,12.79,7.86,12,9,11c1.77-1.64,2.45-2.45,2.92-3.55a2.28,2.28,0,0,0,.26-1.26A2,2,0,0,0,12,5.06l-.2-.45L12,4.3l.28-.49.09-.18L12.6,4a3.69,3.69,0,0,1,.61,1.76A3.47,3.47,0,0,1,12.94,7l-.09.25s-.21.37-.41.69A17.78,17.78,0,0,1,9.91,10.6c-1.07,1-1.43,1.62-1.47,2.47a2.05,2.05,0,0,0,.7,1.73,10.47,10.47,0,0,0,3.28,2.08c2.28,1.13,3.26,1.81,4,2.73a2.94,2.94,0,0,1,.74,1.75,1.26,1.26,0,0,0,.09.57.48.48,0,0,0,.26,0l.51-.13.29-.08,0-.28c-.13-1-1-2-2.47-3a25.52,25.52,0,0,0-3.26-1.77,8.59,8.59,0,0,1-2.23-1.43,2.09,2.09,0,0,1-.5-2.62c.26-.53.5-.83,2.35-2.6,1.51-1.45,2.15-2.58,2.15-3.79A3.67,3.67,0,0,0,13,3.48a3,3,0,0,1-.4-.42A1.85,1.85,0,0,1,13,2.33a6.74,6.74,0,0,1,1.83,1.73,2.62,2.62,0,0,1,.47,1.68,3,3,0,0,1-.55,1.84c-.45.78-.79,1.14-2.67,2.93a5.56,5.56,0,0,0-1.3,1.64,1.77,1.77,0,0,0-.21,1,1.76,1.76,0,0,0,.19.92,6.28,6.28,0,0,0,2.9,2.34,21.6,21.6,0,0,1,3.66,2c1.35,1,2,2,2,3a1.06,1.06,0,0,0,.05.47,2.83,2.83,0,0,0,1-.24C20.56,21.68,20.56,21.66,20.46,21.32ZM7.29,6.4h0a2.23,2.23,0,0,1-.9.28L6,6.72l.43-.53a15.22,15.22,0,0,0,1.89-3,3.52,3.52,0,0,1,.38-.67c.07-.08.49.2,1,.64l.39.35L9.66,4A6.7,6.7,0,0,1,7.29,6.4Zm3.58-1.11A5.8,5.8,0,0,1,9.25,6.51h0a3.3,3.3,0,0,1-.74.17l-.35,0,.39-.49a15.64,15.64,0,0,0,1.32-2,4.63,4.63,0,0,1,.28-.49c.06-.08.33.26.57.77l.28.57Zm1-1.4a1.63,1.63,0,0,1-.28.4A6.63,6.63,0,0,1,11,3.72l-.53-.56.12-.29c.2-.49.24-.51.64-.19a5.57,5.57,0,0,1,.85.78A2.78,2.78,0,0,1,11.87,3.89Z" />
+                </svg>
                 <h4>RIBC</h4>
             </div>
             <theme-toggle></theme-toggle>
         </header>
         <nav id="main_nav">
             <div class="nav-list__item hide-on-mobile">
-                <svg class="icon rm-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.46,21.32C20,19.78,18.6,18.59,15.3,17a12.67,12.67,0,0,1-2.64-1.56,4.27,4.27,0,0,1-.79-1,2.6,2.6,0,0,1,0-1.41c.24-.68.49-1,2.43-2.85a7.18,7.18,0,0,0,2.09-2.92,4.25,4.25,0,0,0,0-1.77,6.52,6.52,0,0,0-2.85-3.11c-.56-.36-.81-.4-.81-.15a2.33,2.33,0,0,1-.18.45L12.4,3l-.53-.36c-.28-.21-.64-.41-.77-.49s-.46-.11-.46,0a6.21,6.21,0,0,1-.37.83s-.08,0-.17-.08c-1.15-.83-1.64-1-1.64-.73A7.33,7.33,0,0,1,7.7,3.65C6.48,5.68,5.24,6.7,4,6.7c-.56,0-.54,0-.37.64s.2.58.68.43a3.37,3.37,0,0,0,1.09-.54.86.86,0,0,1,.3-.17,1.34,1.34,0,0,1,.13.39.79.79,0,0,0,.17.4A3.5,3.5,0,0,0,7.37,7.3L7.8,7l.09.34c.12.45.19.51.62.39a4.25,4.25,0,0,0,2.17-1.54l.38-.45,0,.39A5.92,5.92,0,0,1,8.89,9.54L7.67,10.71c-2,1.93-1.89,3.51.37,5a27.41,27.41,0,0,0,2.89,1.51c.17.07.62.32,1,.54C14,19,15,20.23,15,21.48a2,2,0,0,0,0,.49h0c0,.05,0,.05.56-.1a1.89,1.89,0,0,0,.53-.21,2.41,2.41,0,0,0-.34-1.15,7.05,7.05,0,0,0-1.68-1.77,21.91,21.91,0,0,0-3.2-1.83A9.53,9.53,0,0,1,8.16,15.2a2.18,2.18,0,0,1-.74-1.55C7.42,12.79,7.86,12,9,11c1.77-1.64,2.45-2.45,2.92-3.55a2.28,2.28,0,0,0,.26-1.26A2,2,0,0,0,12,5.06l-.2-.45L12,4.3l.28-.49.09-.18L12.6,4a3.69,3.69,0,0,1,.61,1.76A3.47,3.47,0,0,1,12.94,7l-.09.25s-.21.37-.41.69A17.78,17.78,0,0,1,9.91,10.6c-1.07,1-1.43,1.62-1.47,2.47a2.05,2.05,0,0,0,.7,1.73,10.47,10.47,0,0,0,3.28,2.08c2.28,1.13,3.26,1.81,4,2.73a2.94,2.94,0,0,1,.74,1.75,1.26,1.26,0,0,0,.09.57.48.48,0,0,0,.26,0l.51-.13.29-.08,0-.28c-.13-1-1-2-2.47-3a25.52,25.52,0,0,0-3.26-1.77,8.59,8.59,0,0,1-2.23-1.43,2.09,2.09,0,0,1-.5-2.62c.26-.53.5-.83,2.35-2.6,1.51-1.45,2.15-2.58,2.15-3.79A3.67,3.67,0,0,0,13,3.48a3,3,0,0,1-.4-.42A1.85,1.85,0,0,1,13,2.33a6.74,6.74,0,0,1,1.83,1.73,2.62,2.62,0,0,1,.47,1.68,3,3,0,0,1-.55,1.84c-.45.78-.79,1.14-2.67,2.93a5.56,5.56,0,0,0-1.3,1.64,1.77,1.77,0,0,0-.21,1,1.76,1.76,0,0,0,.19.92,6.28,6.28,0,0,0,2.9,2.34,21.6,21.6,0,0,1,3.66,2c1.35,1,2,2,2,3a1.06,1.06,0,0,0,.05.47,2.83,2.83,0,0,0,1-.24C20.56,21.68,20.56,21.66,20.46,21.32ZM7.29,6.4h0a2.23,2.23,0,0,1-.9.28L6,6.72l.43-.53a15.22,15.22,0,0,0,1.89-3,3.52,3.52,0,0,1,.38-.67c.07-.08.49.2,1,.64l.39.35L9.66,4A6.7,6.7,0,0,1,7.29,6.4Zm3.58-1.11A5.8,5.8,0,0,1,9.25,6.51h0a3.3,3.3,0,0,1-.74.17l-.35,0,.39-.49a15.64,15.64,0,0,0,1.32-2,4.63,4.63,0,0,1,.28-.49c.06-.08.33.26.57.77l.28.57Zm1-1.4a1.63,1.63,0,0,1-.28.4A6.63,6.63,0,0,1,11,3.72l-.53-.56.12-.29c.2-.49.24-.51.64-.19a5.57,5.57,0,0,1,.85.78A2.78,2.78,0,0,1,11.87,3.89Z"/></svg>
+                <svg class="icon rm-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <path
+                        d="M20.46,21.32C20,19.78,18.6,18.59,15.3,17a12.67,12.67,0,0,1-2.64-1.56,4.27,4.27,0,0,1-.79-1,2.6,2.6,0,0,1,0-1.41c.24-.68.49-1,2.43-2.85a7.18,7.18,0,0,0,2.09-2.92,4.25,4.25,0,0,0,0-1.77,6.52,6.52,0,0,0-2.85-3.11c-.56-.36-.81-.4-.81-.15a2.33,2.33,0,0,1-.18.45L12.4,3l-.53-.36c-.28-.21-.64-.41-.77-.49s-.46-.11-.46,0a6.21,6.21,0,0,1-.37.83s-.08,0-.17-.08c-1.15-.83-1.64-1-1.64-.73A7.33,7.33,0,0,1,7.7,3.65C6.48,5.68,5.24,6.7,4,6.7c-.56,0-.54,0-.37.64s.2.58.68.43a3.37,3.37,0,0,0,1.09-.54.86.86,0,0,1,.3-.17,1.34,1.34,0,0,1,.13.39.79.79,0,0,0,.17.4A3.5,3.5,0,0,0,7.37,7.3L7.8,7l.09.34c.12.45.19.51.62.39a4.25,4.25,0,0,0,2.17-1.54l.38-.45,0,.39A5.92,5.92,0,0,1,8.89,9.54L7.67,10.71c-2,1.93-1.89,3.51.37,5a27.41,27.41,0,0,0,2.89,1.51c.17.07.62.32,1,.54C14,19,15,20.23,15,21.48a2,2,0,0,0,0,.49h0c0,.05,0,.05.56-.1a1.89,1.89,0,0,0,.53-.21,2.41,2.41,0,0,0-.34-1.15,7.05,7.05,0,0,0-1.68-1.77,21.91,21.91,0,0,0-3.2-1.83A9.53,9.53,0,0,1,8.16,15.2a2.18,2.18,0,0,1-.74-1.55C7.42,12.79,7.86,12,9,11c1.77-1.64,2.45-2.45,2.92-3.55a2.28,2.28,0,0,0,.26-1.26A2,2,0,0,0,12,5.06l-.2-.45L12,4.3l.28-.49.09-.18L12.6,4a3.69,3.69,0,0,1,.61,1.76A3.47,3.47,0,0,1,12.94,7l-.09.25s-.21.37-.41.69A17.78,17.78,0,0,1,9.91,10.6c-1.07,1-1.43,1.62-1.47,2.47a2.05,2.05,0,0,0,.7,1.73,10.47,10.47,0,0,0,3.28,2.08c2.28,1.13,3.26,1.81,4,2.73a2.94,2.94,0,0,1,.74,1.75,1.26,1.26,0,0,0,.09.57.48.48,0,0,0,.26,0l.51-.13.29-.08,0-.28c-.13-1-1-2-2.47-3a25.52,25.52,0,0,0-3.26-1.77,8.59,8.59,0,0,1-2.23-1.43,2.09,2.09,0,0,1-.5-2.62c.26-.53.5-.83,2.35-2.6,1.51-1.45,2.15-2.58,2.15-3.79A3.67,3.67,0,0,0,13,3.48a3,3,0,0,1-.4-.42A1.85,1.85,0,0,1,13,2.33a6.74,6.74,0,0,1,1.83,1.73,2.62,2.62,0,0,1,.47,1.68,3,3,0,0,1-.55,1.84c-.45.78-.79,1.14-2.67,2.93a5.56,5.56,0,0,0-1.3,1.64,1.77,1.77,0,0,0-.21,1,1.76,1.76,0,0,0,.19.92,6.28,6.28,0,0,0,2.9,2.34,21.6,21.6,0,0,1,3.66,2c1.35,1,2,2,2,3a1.06,1.06,0,0,0,.05.47,2.83,2.83,0,0,0,1-.24C20.56,21.68,20.56,21.66,20.46,21.32ZM7.29,6.4h0a2.23,2.23,0,0,1-.9.28L6,6.72l.43-.53a15.22,15.22,0,0,0,1.89-3,3.52,3.52,0,0,1,.38-.67c.07-.08.49.2,1,.64l.39.35L9.66,4A6.7,6.7,0,0,1,7.29,6.4Zm3.58-1.11A5.8,5.8,0,0,1,9.25,6.51h0a3.3,3.3,0,0,1-.74.17l-.35,0,.39-.49a15.64,15.64,0,0,0,1.32-2,4.63,4.63,0,0,1,.28-.49c.06-.08.33.26.57.77l.28.57Zm1-1.4a1.63,1.63,0,0,1-.28.4A6.63,6.63,0,0,1,11,3.72l-.53-.56.12-.29c.2-.49.24-.51.64-.19a5.57,5.57,0,0,1,.85.78A2.78,2.78,0,0,1,11.87,3.89Z" />
+                </svg>
                 <h4 class="hide-on-mobile nav-list__item_title">RIBC</h4>
             </div>
             <a id="dashboard_btn" href="#dashboard_page" class="nav-list__item nav-list__item--active interact"
                 title="open dashboard page">
-                <svg class="icon icon--outlined" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+                <svg class="icon icon--outlined" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                    height="24">
                     <path fill="none" d="M0 0h24v24H0z" />
                     <path
                         d="M13 21V11h8v10h-8zM3 13V3h8v10H3zm6-2V5H5v6h4zM3 21v-6h8v6H3zm2-2h4v-2H5v2zm10 0h4v-6h-4v6zM13 3h8v6h-8V3zm2 2v2h4V5h-4z" />
                 </svg>
-                <svg class="icon icon--filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z"/></svg>
+                <svg class="icon icon--filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                    height="24">
+                    <path fill="none" d="M0 0h24v24H0z" />
+                    <path d="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z" />
+                </svg>
                 <span class="nav-list__item_title">
                     Dashboard
                 </span>
             </a>
             <a id="update_panel_btn" href="#updates_page" class="nav-list__item interact" title="show updates">
-                <svg class="icon icon--outlined" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M20 17h2v2H2v-2h2v-7a8 8 0 1 1 16 0v7zm-2 0v-7a6 6 0 1 0-12 0v7h12zm-9 4h6v2H9v-2z"/></svg>
-                <svg class="icon icon--filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M20 17h2v2H2v-2h2v-7a8 8 0 1 1 16 0v7zM9 21h6v2H9v-2z"/></svg>
+                <svg class="icon icon--outlined" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                    height="24">
+                    <path fill="none" d="M0 0h24v24H0z" />
+                    <path d="M20 17h2v2H2v-2h2v-7a8 8 0 1 1 16 0v7zm-2 0v-7a6 6 0 1 0-12 0v7h12zm-9 4h6v2H9v-2z" />
+                </svg>
+                <svg class="icon icon--filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                    height="24">
+                    <path fill="none" d="M0 0h24v24H0z" />
+                    <path d="M20 17h2v2H2v-2h2v-7a8 8 0 1 1 16 0v7zM9 21h6v2H9v-2z" />
+                </svg>
                 <span class="nav-list__item_title">
                     Updates
                 </span>
             </a>
             <a id="admin_page_btn" href="#admin_page" class="admin-options nav-list__item interact"
                 title="open admin panel">
-                <svg class="icon icon--outlined" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+                <svg class="icon icon--outlined" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                    height="24">
                     <path fill="none" d="M0 0h24v24H0z" />
                     <path
                         d="M12 14v2a6 6 0 0 0-6 6H4a8 8 0 0 1 8-8zm0-1c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm2.595 7.812a3.51 3.51 0 0 1 0-1.623l-.992-.573 1-1.732.992.573A3.496 3.496 0 0 1 17 14.645V13.5h2v1.145c.532.158 1.012.44 1.405.812l.992-.573 1 1.732-.992.573a3.51 3.51 0 0 1 0 1.622l.992.573-1 1.732-.992-.573a3.496 3.496 0 0 1-1.405.812V22.5h-2v-1.145a3.496 3.496 0 0 1-1.405-.812l-.992.573-1-1.732.992-.572zM18 19.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
                 </svg>
-                <svg class="icon icon--filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 14v8H4a8 8 0 0 1 8-8zm0-1c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm2.595 5.812a3.51 3.51 0 0 1 0-1.623l-.992-.573 1-1.732.992.573A3.496 3.496 0 0 1 17 14.645V13.5h2v1.145c.532.158 1.012.44 1.405.812l.992-.573 1 1.732-.992.573a3.51 3.51 0 0 1 0 1.622l.992.573-1 1.732-.992-.573a3.496 3.496 0 0 1-1.405.812V22.5h-2v-1.145a3.496 3.496 0 0 1-1.405-.812l-.992.573-1-1.732.992-.572zM18 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/></svg>
+                <svg class="icon icon--filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                    height="24">
+                    <path fill="none" d="M0 0h24v24H0z" />
+                    <path
+                        d="M12 14v8H4a8 8 0 0 1 8-8zm0-1c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm2.595 5.812a3.51 3.51 0 0 1 0-1.623l-.992-.573 1-1.732.992.573A3.496 3.496 0 0 1 17 14.645V13.5h2v1.145c.532.158 1.012.44 1.405.812l.992-.573 1 1.732-.992.573a3.51 3.51 0 0 1 0 1.622l.992.573-1 1.732-.992-.573a3.496 3.496 0 0 1-1.405.812V22.5h-2v-1.145a3.496 3.496 0 0 1-1.405-.812l-.992.573-1-1.732.992-.572zM18 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
+                </svg>
                 <span class="nav-list__item_title">
                     Manage
                 </span>
             </a>
             <a id="settings_btn" href="#settings_page" class="nav-list__item interact" title="open settings page">
-                <svg class="icon icon--outlined" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+                <svg class="icon icon--outlined" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                    height="24">
                     <path fill="none" d="M0 0h24v24H0z" />
                     <path
                         d="M2 12c0-.865.11-1.703.316-2.504A3 3 0 0 0 4.99 4.867a9.99 9.99 0 0 1 4.335-2.505 3 3 0 0 0 5.348 0 9.99 9.99 0 0 1 4.335 2.505 3 3 0 0 0 2.675 4.63c.206.8.316 1.638.316 2.503 0 .865-.11 1.703-.316 2.504a3 3 0 0 0-2.675 4.629 9.99 9.99 0 0 1-4.335 2.505 3 3 0 0 0-5.348 0 9.99 9.99 0 0 1-4.335-2.505 3 3 0 0 0-2.675-4.63C2.11 13.704 2 12.866 2 12zm4.804 3c.63 1.091.81 2.346.564 3.524.408.29.842.541 1.297.75A4.993 4.993 0 0 1 12 18c1.26 0 2.438.471 3.335 1.274.455-.209.889-.46 1.297-.75A4.993 4.993 0 0 1 17.196 15a4.993 4.993 0 0 1 2.77-2.25 8.126 8.126 0 0 0 0-1.5A4.993 4.993 0 0 1 17.195 9a4.993 4.993 0 0 1-.564-3.524 7.989 7.989 0 0 0-1.297-.75A4.993 4.993 0 0 1 12 6a4.993 4.993 0 0 1-3.335-1.274 7.99 7.99 0 0 0-1.297.75A4.993 4.993 0 0 1 6.804 9a4.993 4.993 0 0 1-2.77 2.25 8.126 8.126 0 0 0 0 1.5A4.993 4.993 0 0 1 6.805 15zM12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
                 </svg>
-                <svg class="icon icon--filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M5.334 4.545a9.99 9.99 0 0 1 3.542-2.048A3.993 3.993 0 0 0 12 3.999a3.993 3.993 0 0 0 3.124-1.502 9.99 9.99 0 0 1 3.542 2.048 3.993 3.993 0 0 0 .262 3.454 3.993 3.993 0 0 0 2.863 1.955 10.043 10.043 0 0 1 0 4.09c-1.16.178-2.23.86-2.863 1.955a3.993 3.993 0 0 0-.262 3.455 9.99 9.99 0 0 1-3.542 2.047A3.993 3.993 0 0 0 12 20a3.993 3.993 0 0 0-3.124 1.502 9.99 9.99 0 0 1-3.542-2.047 3.993 3.993 0 0 0-.262-3.455 3.993 3.993 0 0 0-2.863-1.954 10.043 10.043 0 0 1 0-4.091 3.993 3.993 0 0 0 2.863-1.955 3.993 3.993 0 0 0 .262-3.454zM13.5 14.597a3 3 0 1 0-3-5.196 3 3 0 0 0 3 5.196z"/></svg>
+                <svg class="icon icon--filled" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                    height="24">
+                    <path fill="none" d="M0 0h24v24H0z" />
+                    <path
+                        d="M5.334 4.545a9.99 9.99 0 0 1 3.542-2.048A3.993 3.993 0 0 0 12 3.999a3.993 3.993 0 0 0 3.124-1.502 9.99 9.99 0 0 1 3.542 2.048 3.993 3.993 0 0 0 .262 3.454 3.993 3.993 0 0 0 2.863 1.955 10.043 10.043 0 0 1 0 4.09c-1.16.178-2.23.86-2.863 1.955a3.993 3.993 0 0 0-.262 3.455 9.99 9.99 0 0 1-3.542 2.047A3.993 3.993 0 0 0 12 20a3.993 3.993 0 0 0-3.124 1.502 9.99 9.99 0 0 1-3.542-2.047 3.993 3.993 0 0 0-.262-3.455 3.993 3.993 0 0 0-2.863-1.954 10.043 10.043 0 0 1 0-4.091 3.993 3.993 0 0 0 2.863-1.955 3.993 3.993 0 0 0 .262-3.454zM13.5 14.597a3 3 0 1 0-3-5.196 3 3 0 0 0 3 5.196z" />
+                </svg>
                 <span class="nav-list__item_title">
                     Settings
                 </span>
@@ -243,9 +274,9 @@
                     <h2 id="username" class="capitalize"></h2>
                     <div id="user_role"></div>
                     <sm-copy id="user_flo_id"></sm-copy>
-                    <sm-button id="logout" variant="primary" class="justify-self-start"
-                        onclick="logout()">
-                        <svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+                    <sm-button id="logout" variant="primary" class="justify-self-start" onclick="logout()">
+                        <svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
+                            width="24" height="24">
                             <path fill="none" d="M0 0h24v24H0z" />
                             <path
                                 d="M4 18h2v2h12V4H6v2H4V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3zm2-7h7v2H6v3l-5-4 5-4v3z" />
@@ -279,12 +310,11 @@
                 <section id="project_editing_panel" class="inner-page hide-on-mobile">
                     <h2 id="editing_panel__title"></h2>
                     <p id="editing_panel__description"></p>
-                    <h4>Tasks</h4>  
+                    <h4>Tasks</h4>
                     <!-- <div id="branch_container"></div> -->
                     <ul id="task_list" class="grid gap-1 observe-empty-state"></ul>
                     <h4 class="empty-state">No tasks added yet, tasks will appear here after adding them.</h4>
-                    <sm-button id="add_task" title="show element to add new task"
-                        onclick="addPlaceholderTask()">
+                    <sm-button id="add_task" title="show element to add new task" onclick="addPlaceholderTask()">
                         <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                             <path fill="none" d="M0 0h24v24H0z" />
                             <path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z" />
@@ -293,11 +323,21 @@
                     </sm-button>
                     <ul id="task_context" class="hide-completely">
                         <li id="assign_intern" tabindex="0" class="interact" onclick="toggleEditing('title')">
-                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M15.728 9.686l-1.414-1.414L5 17.586V19h1.414l9.314-9.314zm1.414-1.414l1.414-1.414-1.414-1.414-1.414 1.414 1.414 1.414zM7.242 21H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 21z"/></svg>
+                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                                height="24">
+                                <path fill="none" d="M0 0h24v24H0z" />
+                                <path
+                                    d="M15.728 9.686l-1.414-1.414L5 17.586V19h1.414l9.314-9.314zm1.414-1.414l1.414-1.414-1.414-1.414-1.414 1.414 1.414 1.414zM7.242 21H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 21z" />
+                            </svg>
                             Edit title
                         </li>
                         <li id="assign_intern" tabindex="0" class="interact" onclick="toggleEditing()">
-                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M15.728 9.686l-1.414-1.414L5 17.586V19h1.414l9.314-9.314zm1.414-1.414l1.414-1.414-1.414-1.414-1.414 1.414 1.414 1.414zM7.242 21H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 21z"/></svg>
+                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                                height="24">
+                                <path fill="none" d="M0 0h24v24H0z" />
+                                <path
+                                    d="M15.728 9.686l-1.414-1.414L5 17.586V19h1.414l9.314-9.314zm1.414-1.414l1.414-1.414-1.414-1.414-1.414 1.414 1.414 1.414zM7.242 21H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L7.243 21z" />
+                            </svg>
                             Edit description
                         </li>
                         <li id="assign_intern" tabindex="0" class="interact" onclick="showPopup('intern_list_popup')">
@@ -335,24 +375,46 @@
                             <span class="fab-actions__item-name">
                                 Add project
                             </span>
-                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12.414 5H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414l2 2zM4 5v14h16V7h-8.414l-2-2H4zm7 7V9h2v3h3v2h-3v3h-2v-3H8v-2h3z"/></svg>
+                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                                height="24">
+                                <path fill="none" d="M0 0h24v24H0z" />
+                                <path
+                                    d="M12.414 5H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414l2 2zM4 5v14h16V7h-8.414l-2-2H4zm7 7V9h2v3h3v2h-3v3h-2v-3H8v-2h3z" />
+                            </svg>
                         </li>
                         <li class="fab-actions__item interact" onclick="showPopup('add_intern_popup')">
                             <span class="fab-actions__item-name">
                                 Add intern
                             </span>
-                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M14 14.252v2.09A6 6 0 0 0 6 22l-2-.001a8 8 0 0 1 10-7.748zM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm6 6v-3h2v3h3v2h-3v3h-2v-3h-3v-2h3z"/></svg>
+                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                                height="24">
+                                <path fill="none" d="M0 0h24v24H0z" />
+                                <path
+                                    d="M14 14.252v2.09A6 6 0 0 0 6 22l-2-.001a8 8 0 0 1 10-7.748zM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm6 6v-3h2v3h3v2h-3v3h-2v-3h-3v-2h3z" />
+                            </svg>
                         </li>
                         <li class="fab-actions__item interact" onclick="commitToChanges()">
                             <span class="fab-actions__item-name">
                                 Commit changes
                             </span>
-                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M7 19v-6h10v6h2V7.828L16.172 5H5v14h2zM4 3h13l4 4v13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm5 12v4h6v-4H9z"/></svg>
+                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+                                height="24">
+                                <path fill="none" d="M0 0h24v24H0z" />
+                                <path
+                                    d="M7 19v-6h10v6h2V7.828L16.172 5H5v14h2zM4 3h13l4 4v13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm5 12v4h6v-4H9z" />
+                            </svg>
                         </li>
                     </ul>
                     <button class="fab" onclick="toggleFab()">
-                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16 18v2H5v-2h11zm5-7v2H3v-2h18zm-2-7v2H8V4h11z"/></svg>
-                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>
+                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+                            <path fill="none" d="M0 0h24v24H0z" />
+                            <path d="M16 18v2H5v-2h11zm5-7v2H3v-2h18zm-2-7v2H8V4h11z" />
+                        </svg>
+                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+                            <path fill="none" d="M0 0h24v24H0z" />
+                            <path
+                                d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
+                        </svg>
                     </button>
                 </section>
                 <div id="fab_backdrop" onclick="toggleFab()"></div>
@@ -371,7 +433,8 @@
                     </div>
                     <label class="grid gap-0-5">
                         <h5 class="uppercase">By date</h5>
-                        <input type="date" id="updates_page__date_selector" aria-label="Filter updates by date" min="2020-01-01">
+                        <input type="date" id="updates_page__date_selector" aria-label="Filter updates by date"
+                            min="2020-01-01">
                     </label>
                     <sm-button onclick="clearFilter()">Clear</sm-button>
                 </section>
@@ -384,7 +447,12 @@
                 <div id="all_interns_page__header" class="grid gap-0-5">
                     <h2>Interns</h2>
                     <sm-input id="interns_page__search" placeholder="Search">
-                        <svg class="icon search__icon" slot="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg>
+                        <svg class="icon search__icon" slot="icon" xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 24 24" width="24" height="24">
+                            <path fill="none" d="M0 0h24v24H0z" />
+                            <path
+                                d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z" />
+                        </svg>
                     </sm-input>
                 </div>
                 <ul id="all_interns_list" class="grid observe-empty-state"></ul>
@@ -431,17 +499,26 @@
             <sm-copy id="intern_info__flo_id"></sm-copy>
             <div id="update_intern_score" class="flex align-center space-between">
                 <div class="flex">
-                    <svg class="icon gold-fill button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928z"/></svg>
+                    <svg class="icon gold-fill button__icon--left" xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 24 24" width="24" height="24">
+                        <path fill="none" d="M0 0h24v24H0z" />
+                        <path
+                            d="M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928z" />
+                    </svg>
                     <h4 id="intern_info__score"></h4>
                 </div>
                 <div class="flex admin-options hide-completely">
-                    <sm-button id="reduce_score_button" title="increase intern score"
-                        onclick="changeScore(-1)">
-                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M5 11h14v2H5z"/></svg>
+                    <sm-button id="reduce_score_button" title="increase intern score" onclick="changeScore(-1)">
+                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+                            <path fill="none" d="M0 0h24v24H0z" />
+                            <path d="M5 11h14v2H5z" />
+                        </svg>
                     </sm-button>
-                    <sm-button id="increase_score_button" title="decrease intern score"
-                        onclick="changeScore(1)">
-                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"/></svg>
+                    <sm-button id="increase_score_button" title="decrease intern score" onclick="changeScore(1)">
+                        <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+                            <path fill="none" d="M0 0h24v24H0z" />
+                            <path d="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z" />
+                        </svg>
                     </sm-button>
                 </div>
             </div>
@@ -624,7 +701,11 @@
             <div class="intern-card__name capitalize"></div>
             <div class="intern-card__score-wrapper flex align-center">
                 <h4 class="intern-card__score"></h4>
-                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928z"/></svg>
+                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+                    <path fill="none" d="M0 0h24v24H0z" />
+                    <path
+                        d="M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928z" />
+                </svg>
             </div>
         </li>
     </template>
@@ -656,7 +737,11 @@
     <template id="watchlist_project_template">
         <a class="watchlist_project_card interact">
             <div class="project-icon">
-                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12.414 5H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414l2 2zM4 7v12h16V7H4z"/></svg>
+                <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+                    <path fill="none" d="M0 0h24v24H0z" />
+                    <path
+                        d="M12.414 5H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414l2 2zM4 7v12h16V7H4z" />
+                </svg>
             </div>
             <h4 class="project__title"></h4>
             <div class="progress-bar">
@@ -678,7 +763,7 @@
                 RIBC.initRIBC(floGlobals.subAdmins.includes(myFloID)).then(result => {
                     console.log(result)
                     renderAllElements()
-                    showPage(window.location.hash, {firstLoad: true})
+                    showPage(window.location.hash, { firstLoad: true })
                     loader('hide')
                 }).catch(error => console.error(error))
             }).catch(error => console.error(error))
@@ -1414,7 +1499,7 @@
 
         //Function for displaying toast notifications. pass in error for mode param if you want to show an error.
         function notify(message, mode, options = {}) {
-            if(mode === 'error'){
+            if (mode === 'error') {
                 console.error(message)
             }
             const { pinned = false, sound = false } = options
@@ -1564,17 +1649,19 @@
                 }
             }
             if (!appPages.includes(pageId)) return
-            
+
             if (searchParams) {
                 const urlSearchParams = new URLSearchParams('?' + searchParams);
                 params = Object.fromEntries(urlSearchParams.entries());
             }
-            if(pageId !== lastPage){
-                document.querySelector('.page:not(.hide-completely)')?.classList.add('hide-completely')
+            if (pageId !== lastPage && document.querySelector('.page:not(.hide-completely)')) {
+                document.querySelector('.page:not(.hide-completely)').classList.add('hide-completely')
             }
-            document.querySelector('.nav-list__item--active')?.classList.remove('nav-list__item--active')
+            if (document.querySelector('.nav-list__item--active'))
+                document.querySelector('.nav-list__item--active').classList.remove('nav-list__item--active')
             const targetListItem = document.querySelector(`.nav-list__item[href="#${pageId}"]`)
-            targetListItem?.classList.add('nav-list__item--active')
+            if (targetListItem)
+                targetListItem.classList.add('nav-list__item--active')
             switch (pageId) {
                 case 'dashboard_page':
                     const frag = document.createDocumentFragment()
@@ -1588,7 +1675,7 @@
                     break;
                 case 'updates_page':
                     renderInternUpdates()
-                    if(!getRef('updates_page__project_selector').children.length){
+                    if (!getRef('updates_page__project_selector').children.length) {
                         renderProjectSelectorOptions()
                         renderInternSelectorOptions()
                     }
@@ -1597,12 +1684,12 @@
                     renderAllInterns()
                     break;
                 case 'project_explorer':
-                    if(params){
-                        const {projectId, branch} = params
-                        if(lastParams.projectId !== projectId){
+                    if (params) {
+                        const { projectId, branch } = params
+                        if (lastParams.projectId !== projectId) {
                             showProjectInfo(projectId)
                         }
-                        if(params.branch){
+                        if (params.branch) {
                             const branchDetails = {
                                 destination: 'project_explorer',
                                 taskListContainer: 'explorer_task_list',
@@ -1610,20 +1697,20 @@
                                 branch,
                                 pageId
                             }
-                            showTasksOfBranch(branchDetails) 
+                            showTasksOfBranch(branchDetails)
                         }
                         getRef('project_explorer__left').classList.add('hide-on-mobile')
                         getRef('project_explorer__right').classList.remove('hide-on-mobile')
-                    }else{
+                    } else {
                         getRef('project_explorer__left').classList.remove('hide-on-mobile')
                         getRef('project_explorer__right').classList.add('hide-on-mobile')
                     }
                     break;
                 case 'admin_page':
                     if (params) {
-                        const {projectId, branch} = params
+                        const { projectId, branch } = params
                         editProjectInfo(projectId)
-                        if(params.branch){
+                        if (params.branch) {
                             const branchDetails = {
                                 destination: 'project_editing_panel',
                                 taskListContainer: 'task_list',
@@ -1631,20 +1718,20 @@
                                 branch,
                                 pageId
                             }
-                            showTasksOfBranch(branchDetails) 
+                            showTasksOfBranch(branchDetails)
                         }
                         getRef('admin_page__left').classList.add('hide-on-mobile')
                         getRef('project_editing_panel').classList.remove('hide-on-mobile')
-                    }else{
+                    } else {
                         getRef('admin_page__left').classList.remove('hide-on-mobile')
                         getRef('project_editing_panel').classList.add('hide-on-mobile')
                     }
                     break;
             }
-            if(pageId !== 'all_interns_page'){
+            if (pageId !== 'all_interns_page') {
                 getRef('all_interns_list').innerHTML = ''
             }
-            if(pageId !== 'dashboard_page'){
+            if (pageId !== 'dashboard_page') {
                 getRef('project_watchlist').innerHTML = ''
             }
             getRef(pageId).classList.remove('hide-completely')
@@ -1669,10 +1756,10 @@
             },
             taskCard(currentProject, currentBranch, taskNo) {
                 const card = getRef('timeline_task_card').content.cloneNode(true),
-                assignedInterns = RIBC.getAssignedInterns(currentProject, currentBranch, taskNo),
-                frag = document.createDocumentFragment();
+                    assignedInterns = RIBC.getAssignedInterns(currentProject, currentBranch, taskNo),
+                    frag = document.createDocumentFragment();
 
-                if (RIBC.getTaskStatus(currentProject, currentBranch, taskNo) === 'completed'){
+                if (RIBC.getTaskStatus(currentProject, currentBranch, taskNo) === 'completed') {
                     card.firstElementChild.classList.add('completed-task')
                 }
                 if (assignedInterns || typeOfUser === 'general') {
@@ -1682,7 +1769,7 @@
                     card.querySelector('.assigned-interns').append(frag)
                 }
                 else {
-                    if(typeOfUser === 'intern'){
+                    if (typeOfUser === 'intern') {
                         const applyButton = createElement('sm-button', {
                             textContent: 'Apply',
                             className: 'apply-button',
@@ -1700,13 +1787,13 @@
                         card.querySelector('.apply-container').append(applyButton)
                     }
                 }
-                const {taskTitle, taskDescription} = RIBC.getTaskDetails(currentProject, currentBranch, taskNo)
+                const { taskTitle, taskDescription } = RIBC.getTaskDetails(currentProject, currentBranch, taskNo)
                 card.querySelector('.timeline-task__title').textContent = taskTitle;
                 card.querySelector('.timeline-task__description').textContent = taskDescription;
                 const branches = getAllBranches(currentProject)
-                for(const branch of branches){
-                    const {branchName, parantBranch, startPoint, endPoint} = branch
-                    if(parantBranch === currentBranch && startPoint === taskNo){
+                for (const branch of branches) {
+                    const { branchName, parantBranch, startPoint, endPoint } = branch
+                    if (parantBranch === currentBranch && startPoint === taskNo) {
                         card.querySelector('.task__branch_container').append(
                             render.branchButton({
                                 projectId: currentProject,
@@ -1739,10 +1826,10 @@
                 return card;
             },
             branchButton(obj = {}) {
-                const {projectId, branch, page, innerHTML} = obj
+                const { projectId, branch, page, innerHTML } = obj
                 return createElement('a', {
                     className: 'branch-button',
-                    attributes: { href: `#${page}?projectId=${projectId}&branch=${branch}`},
+                    attributes: { href: `#${page}?projectId=${projectId}&branch=${branch}` },
                     textContent: branch,
                     innerHTML
                 });
@@ -1781,9 +1868,9 @@
                     card.querySelector('.assigned-interns').append(frag)
                 }
                 const branches = getAllBranches(currentProject)
-                for(const branch of branches){
-                    const {branchName, parantBranch, startPoint, endPoint} = branch
-                    if(parantBranch === currentBranch && startPoint === taskNo){
+                for (const branch of branches) {
+                    const { branchName, parantBranch, startPoint, endPoint } = branch
+                    if (parantBranch === currentBranch && startPoint === taskNo) {
                         card.querySelector('.task__branch_container').append(
                             render.branchButton({
                                 projectId: currentProject,
@@ -1798,13 +1885,13 @@
             projectMapCard(projectCode, page) {
                 const card = getRef('project_map_template').content.cloneNode(true)
                 const frag = document.createDocumentFragment()
-                const {projectName, projectDescription} = RIBC.getProjectDetails(projectCode)
+                const { projectName, projectDescription } = RIBC.getProjectDetails(projectCode)
                 card.firstElementChild.id = `${projectCode}_map`;
                 card.querySelector('.project-map__title').textContent = projectName
                 card.querySelector('.project-map__description').textContent = projectDescription
                 card.querySelector('.project__branch_container').id = `${projectCode}_branch_container`;
                 RIBC.getProjectBranches(projectCode).forEach((branch) => {
-                    frag.append(render.branchButton({projectId: projectCode, branch, page}))
+                    frag.append(render.branchButton({ projectId: projectCode, branch, page }))
                 })
                 card.querySelector('.project__branch_container').append(frag);
                 card.querySelector('.project-map__timeline').id = `${projectCode}_map_body`
@@ -1840,7 +1927,7 @@
                 const { taskTitle, taskDescription } = RIBC.getTaskDetails(projectId, projectBranch, task)
                 return createElement('li', {
                     className: "task-card",
-                    attributes: {'data-unique-id': uniqueId},
+                    attributes: { 'data-unique-id': uniqueId },
                     innerHTML: `
                         <div class="task__header">
                             <h5 class="task__project-title">${projectName}</h5>
@@ -1854,9 +1941,9 @@
                     `
                 })
             },
-            watchlistProject(projectId){
+            watchlistProject(projectId) {
                 const projectCard = getRef('watchlist_project_template').content.cloneNode(true)
-                const {projectName} = RIBC.getProjectDetails(projectId)
+                const { projectName } = RIBC.getProjectDetails(projectId)
                 projectCard.firstElementChild.setAttribute('href', `#project_explorer?projectId=${projectId}&branch=mainLine`)
                 projectCard.querySelector('.project__title').textContent = projectName
                 const projectMap = RIBC.getProjectMap(projectId)
@@ -1864,7 +1951,7 @@
                 const projectTasks = []
                 projectBranches.forEach(branch => {
                     projectMap[branch].forEach((task, index, array) => {
-                        if(index > 3){
+                        if (index > 3) {
                             projectTasks.push({
                                 status: RIBC.getTaskStatus(projectId, branch, array[index])
                             })
@@ -1872,9 +1959,9 @@
                     })
                 })
                 const completedTasks = projectTasks.reduce((count, task) => {
-                    if(task.status === 'completed'){
+                    if (task.status === 'completed') {
                         return count += 1
-                    }else{
+                    } else {
                         return count
                     }
                 }, 0)
@@ -1887,11 +1974,11 @@
         }
 
         const renderedIntensColor = {}
-        function getInternColor(floId){
-            if(!renderedIntensColor[floId]){
+        function getInternColor(floId) {
+            if (!renderedIntensColor[floId]) {
                 renderedIntensColor[floId] = randomColor()
             }
-            return renderedIntensColor[floId]  
+            return renderedIntensColor[floId]
         }
 
         //helper functions
@@ -1927,8 +2014,8 @@
                 notify('Project description is important!', 'error')
                 return
             }
-            
-            const projectCode = `${new Date().getFullYear()}_project_${RIBC.getProjectList() ? ( RIBC.getProjectList().length + 1) : '1'}`;
+
+            const projectCode = `${new Date().getFullYear()}_project_${RIBC.getProjectList() ? (RIBC.getProjectList().length + 1) : '1'}`;
             RIBC.manage.createProject(projectCode)
             RIBC.manage.addProjectDetails(projectCode, { projectName, projectDescription })
             getRef('admin_page__project_list').prepend(render.projectCard(projectName, projectCode, true))
@@ -1941,9 +2028,9 @@
             getRef('intern_info__initials').textContent = internName.split(' ').map(v => v.charAt(0)).join('');
             getRef('intern_info__initials').style.backgroundColor = getInternColor(internFloId)
             getRef('intern_info__name').textContent = internName;
-            getRef('intern_info__flo_id').value = currentIntern = internFloId; 
+            getRef('intern_info__flo_id').value = currentIntern = internFloId;
             getRef('intern_info__score').textContent = RIBC.getInternRating(internFloId); // points earned by intern
-            if(RIBC.getInternRating(internFloId) === 1){
+            if (RIBC.getInternRating(internFloId) === 1) {
                 getRef('reduce_score_button').disabled = true;
             }
             showPopup('intern_info_popup');
@@ -1953,13 +2040,15 @@
         function showProjectInfo(projectId) {
             const frag = document.createDocumentFragment();
             const allProjects = getRef('project_explorer__left').querySelectorAll('.project-card');
-            Array.from(allProjects).find(project => project.classList.contains('project-card--active'))?.classList.remove('project-card--active')
-            Array.from(allProjects).find(project => project.getAttribute('href').includes(projectId))?.classList.add('project-card--active')
+            allProjects.forEach(project => project.classList.remove('project-card--active'))
+            const targetProject = Array.from(allProjects).find(project => project.getAttribute('href').includes(projectId))
+            if (targetProject)
+                targetProject.classList.add('project-card--active')
             const { projectName, projectDescription } = RIBC.getProjectDetails(projectId);
             getRef('project_explorer__project_title').textContent = projectName; // project name
             if (watchList.includes(projectId)) {
                 getRef('watch_project_button').textContent = 'watching';
-            }else {
+            } else {
                 getRef('watch_project_button').textContent = 'Watch';
             }
             getRef('project_explorer__project_description').textContent = projectDescription;
@@ -1978,8 +2067,10 @@
             const allProjects = getRef('admin_page__project_list').querySelectorAll('.project-card');
             const branchList = document.querySelectorAll('.branch-button');
             const frag = document.createDocumentFragment();
-            Array.from(allProjects).find(project => project.classList.contains('project-card--active'))?.classList.remove('project-card--active')
-            Array.from(allProjects).find(project => project.getAttribute('href').includes(projectId))?.classList.add('project-card--active')
+            allProjects.forEach(project => project.classList.remove('project-card--active'))
+            const targetProject = Array.from(allProjects).find(project => project.getAttribute('href').includes(projectId))
+            if (targetProject)
+                targetProject.classList.add('project-card--active')
             // getRef('branch_container').innerHTML = '',
             getRef('task_list').innerHTML = '';
             currentProject = projectId;
@@ -1995,13 +2086,13 @@
             // getRef('branch_container').appendChild(frag)
         }
         function showTasksOfBranch(obj = {}) {
-            const {destination, taskListContainer, projectId, branch, pageId} = obj
+            const { destination, taskListContainer, projectId, branch, pageId } = obj
             currentProject = projectId;
             currentBranch = branch;
             const frag = document.createDocumentFragment();
             let branchTasks = RIBC.getProjectMap(currentProject)[currentBranch],
                 taskList = document.getElementById(taskListContainer)
-                // allbranches = document.getElementById(destination).querySelectorAll('.branch-button');
+            // allbranches = document.getElementById(destination).querySelectorAll('.branch-button');
             taskList.innerHTML = '';
             // allbranches.forEach((branchButton) => {
             //     branchButton.classList.remove('active-branch')
@@ -2009,41 +2100,41 @@
             // document.getElementById(destination).querySelector(`.branch-button[href="#${pageId}?projectId=${projectId}&branch=${branch}"]`).classList.add('active-branch')
             if (branchTasks[1] && !taskListContainer === 'task_list') {
                 taskList.textContent = "No tasks added yet, Please explore other projects"
-            }else {
+            } else {
                 if (taskListContainer === 'task_list') {
                     showInnerPage('project_editing_panel')
                     branchTasks.slice(4).forEach((taskNo) => {
                         frag.append(render.taskListItem(taskNo))
                     })
-                }else {
+                } else {
                     branchTasks.slice(4).forEach((taskNo) => {
                         frag.append(render.taskCard(currentProject, currentBranch, taskNo))
                     })
                 }
-                if(branch !== 'mainLine'){
-                    const {startPoint} = getAllBranches(projectId).find(({branchName}) => branchName === branch)
+                if (branch !== 'mainLine') {
+                    const { startPoint } = getAllBranches(projectId).find(({ branchName }) => branchName === branch)
                     let branchEntryPoint = `
                         <svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M7.828 11H20v2H7.828l5.364 5.364-1.414 1.414L4 12l7.778-7.778 1.414 1.414z"/></svg>
                         ${branchTasks[0]}
                     `
-                    if(startPoint){
-                        const {taskTitle} = RIBC.getTaskDetails(projectId, branchTasks[0], startPoint)
+                    if (startPoint) {
+                        const { taskTitle } = RIBC.getTaskDetails(projectId, branchTasks[0], startPoint)
                         branchEntryPoint = `
                             <svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M7.828 11H20v2H7.828l5.364 5.364-1.414 1.414L4 12l7.778-7.778 1.414 1.414z"/></svg>
                             ${branchTasks[0]} - ${taskTitle}
                         `
                     }
-                    taskList.append(render.branchButton({projectId, branch: branchTasks[0], page: pageId, innerHTML: branchEntryPoint}))
+                    taskList.append(render.branchButton({ projectId, branch: branchTasks[0], page: pageId, innerHTML: branchEntryPoint }))
                 }
                 taskList.appendChild(frag);
             }
         }
-        function getAllBranches(projectId){
+        function getAllBranches(projectId) {
             const projectMap = RIBC.getProjectMap(projectId)
             const projectBranches = RIBC.getProjectBranches(projectId)
             const branchPoints = []
             projectBranches.forEach((branch, index) => {
-                if(index > 0){
+                if (index > 0) {
                     branchPoints.push({
                         branchName: branch,
                         parantBranch: projectMap[branch][0],
@@ -2054,11 +2145,11 @@
             })
             return branchPoints
         }
-        function toggleEditing(target){
-            if(target === 'title'){
+        function toggleEditing(target) {
+            if (target === 'title') {
                 currentTask.querySelector('.task-title').contentEditable = true
                 currentTask.querySelector('.task-title').focus()
-            }else{
+            } else {
                 currentTask.querySelector('.task-description').contentEditable = true
                 currentTask.querySelector('.task-description').focus()
             }
@@ -2071,14 +2162,14 @@
             }
         })
         getRef('task_list').addEventListener('focusout', (e) => {
-            if(e.target.isContentEditable){
+            if (e.target.isContentEditable) {
                 e.target.contentEditable = false
-                const {taskTitle, taskDescription} = RIBC.getTaskDetails(currentProject, currentBranch, currentTask.dataset.taskId)
+                const { taskTitle, taskDescription } = RIBC.getTaskDetails(currentProject, currentBranch, currentTask.dataset.taskId)
                 const taskDetails = {}
-                if(e.target.closest('.task-description')){
+                if (e.target.closest('.task-description')) {
                     taskDetails['taskTitle'] = taskTitle
                     taskDetails['taskDescription'] = DOMPurify.sanitize(e.target.innerText.trim())
-                }else if(e.target.closest('.task-title')){
+                } else if (e.target.closest('.task-title')) {
                     taskDetails['taskTitle'] = DOMPurify.sanitize(e.target.innerText.trim())
                     taskDetails['taskDescription'] = taskDescription
                 }
@@ -2087,9 +2178,9 @@
             }
         })
         getRef('task_list').addEventListener('dblclick', (e) => {
-            if(e.target.closest('.task-description') && !e.target.isContentEditable){
+            if (e.target.closest('.task-description') && !e.target.isContentEditable) {
                 toggleEditing()
-            }else if(e.target.closest('.task-title') && !e.target.isContentEditable){
+            } else if (e.target.closest('.task-title') && !e.target.isContentEditable) {
                 toggleEditing('title')
             }
         })
@@ -2110,10 +2201,10 @@
                         transform: 'none',
                         opacity: '1'
                     },
-                    ], {
-                        duration: 200,
-                        easing: 'ease'
-                    })
+                ], {
+                    duration: 200,
+                    easing: 'ease'
+                })
                     .onfinish = () => {
                         getRef('task_context').firstElementChild.focus()
                         const y = document.addEventListener("click", function (e) {
@@ -2220,11 +2311,11 @@
             if (event.target.closest('.intern-card')) {
                 const floId = event.target.closest('.intern-card').dataset.internFloId;
                 const internName = RIBC.getInternList()[floId]
-                const {projectName} = RIBC.getProjectDetails(currentProject)
+                const { projectName } = RIBC.getProjectDetails(currentProject)
                 if (RIBC.manage.assignInternToTask(floId, currentProject, currentBranch, currentTask.dataset.taskId)) {
                     notify(`${internName} assigned to ${projectName}`)
                     currentTask.querySelector('.assigned-interns').append(render.assignedInternCard(floId, 'yes'))
-                }else{
+                } else {
                     notify('intern already assigned', 'error')
                 }
                 hidePopup()
@@ -2237,7 +2328,7 @@
 
         function renderAllInterns() {
             getRef('all_interns_list').innerHTML = ''
-            getRef('all_interns_list').append(filterInterns('', {sortByRating: true}))
+            getRef('all_interns_list').append(filterInterns('', { sortByRating: true }))
         }
 
         function changeScore(scoreUpdate) {
@@ -2264,26 +2355,26 @@
         getRef('create_branch_btn').onclick = () => {
             const startPoint = parseInt(currentTask.dataset.taskId)
             const userMergePoint = getRef('branch_merge_point').value.trim()
-            const mergePoint = (userMergePoint === '') ? startPoint : parseInt(userMergePoint) 
+            const mergePoint = (userMergePoint === '') ? startPoint : parseInt(userMergePoint)
             const branchName = RIBC.manage.addBranch(currentProject, currentBranch, startPoint, mergePoint);
             notify(`Branch added ${branchName}`, 'success')
-            currentTask.querySelector('.task__branch_container').append(render.branchButton({projectId: currentProject, branch: branchName, page: 'admin_page'}))
+            currentTask.querySelector('.task__branch_container').append(render.branchButton({ projectId: currentProject, branch: branchName, page: 'admin_page' }))
             hidePopup()
         }
-        
+
         function renderProjectSelectorOptions() {
             // Render All the projects inside updates page
             const frag = document.createDocumentFragment();
             getRef('updates_page__project_selector').innerHTML = ``;
             const stripOption = createElement('sm-option', {
                 textContent: 'All',
-                attributes: {value: 'all', active: ''}
+                attributes: { value: 'all', active: '' }
             })
             frag.append(stripOption)
             RIBC.getProjectList().reverse().forEach(project => {
                 const stripOption = createElement('sm-option', {
                     textContent: RIBC.getProjectDetails(project).projectName,
-                    attributes: {value: project}
+                    attributes: { value: project }
                 })
                 frag.append(stripOption)
             })
@@ -2295,14 +2386,14 @@
             getRef('updates_page__intern_selector').innerHTML = ``;
             const stripOption = createElement('sm-option', {
                 textContent: 'All',
-                attributes: {value: 'all', active: ''}
+                attributes: { value: 'all', active: '' }
             })
             frag.append(stripOption)
             const allInterns = Object.entries(RIBC.getInternList()).sort((a, b) => a[1].toLowerCase().localeCompare(b[1].toLowerCase()));
             allInterns.forEach(intern => {
                 const stripOption = createElement('sm-option', {
                     textContent: intern[1], // Intern Name
-                    attributes: {value: intern[0]} // Intern FLO ID
+                    attributes: { value: intern[0] } // Intern FLO ID
                 })
                 frag.append(stripOption)
             })
@@ -2310,7 +2401,7 @@
         }
 
         async function getUpdatesByProject(projectName, allUpdates) {
-            if(!allUpdates){
+            if (!allUpdates) {
                 allUpdates = RIBC.getInternUpdates()
             }
             const options = {
@@ -2322,7 +2413,7 @@
         }
 
         async function getUpdatesByIntern(floId, allUpdates) {
-            if(!allUpdates){
+            if (!allUpdates) {
                 allUpdates = RIBC.getInternUpdates()
             }
             const options = {
@@ -2333,18 +2424,18 @@
             return fuse.search(floId).map(v => v.item)
         }
         async function getUpdatesByDate(date, allUpdates) {
-            if(!allUpdates){
+            if (!allUpdates) {
                 allUpdates = RIBC.getInternUpdates()
             }
             const filteredUpdates = []
             const dateStart = new Date(`${date} 00:00:00`).getTime()
             const dateEnd = new Date(`${date} 23:59:59`).getTime()
             let isFromDate = false
-            for(const update of allUpdates){
-                if(update.time > dateStart && update.time < dateEnd){
+            for (const update of allUpdates) {
+                if (update.time > dateStart && update.time < dateEnd) {
                     filteredUpdates.push(update)
                     isFromDate = true
-                }else if(isFromDate){
+                } else if (isFromDate) {
                     break
                 }
             }
@@ -2355,24 +2446,24 @@
         let updateEndIndex = 0
         const intersectionObserver = new IntersectionObserver((entries, observer) => {
             entries.forEach(entry => {
-                if(entry.isIntersecting){
-                    observer.disconnect() 
-                    renderFilteredUpdates({lazyLoad: true})
+                if (entry.isIntersecting) {
+                    observer.disconnect()
+                    renderFilteredUpdates({ lazyLoad: true })
                 }
             })
-        },{
+        }, {
             threshold: 0.3
         })
         function renderInternUpdates(options = {}) {
-            let {updates, lazyLoad = false} = options
+            let { updates, lazyLoad = false } = options
             const frag = document.createDocumentFragment();
-            if(!updates){
+            if (!updates) {
                 updates = RIBC.getInternUpdates();
             }
-            if(lazyLoad){
+            if (lazyLoad) {
                 updateStartIndex = updateEndIndex
                 updateEndIndex = updates.length > updateEndIndex + 10 ? updateEndIndex + 10 : updates.length
-            }else{
+            } else {
                 intersectionObserver.disconnect()
                 getRef('all_updates_list').innerHTML = ``;
                 updateStartIndex = 0
@@ -2390,31 +2481,31 @@
                 frag.append(render.updateCard(updateObj))
             }
             getRef('all_updates_list').append(frag)
-            if(updateEndIndex !== updates.length && getRef('all_updates_list').lastElementChild){
+            if (updateEndIndex !== updates.length && getRef('all_updates_list').lastElementChild) {
                 intersectionObserver.observe(getRef('all_updates_list').lastElementChild)
             }
         }
 
         const renderFilteredUpdates = debounce(async (options = {}) => {
-            const {lazyLoad = false} = options
+            const { lazyLoad = false } = options
             const selectedProject = getRef('updates_page__project_selector').value
             const selectedintern = getRef('updates_page__intern_selector').value
             const selectedDate = getRef('updates_page__date_selector').value
             let matchedUpdates
-            if(selectedProject !== 'all'){
+            if (selectedProject !== 'all') {
                 const projectName = RIBC.getProjectDetails(selectedProject).projectName
                 matchedUpdates = await getUpdatesByProject(projectName)
             }
-            if(selectedintern !== 'all'){
+            if (selectedintern !== 'all') {
                 matchedUpdates = await getUpdatesByIntern(selectedintern, matchedUpdates)
             }
-            if(selectedDate){
+            if (selectedDate) {
                 matchedUpdates = await getUpdatesByDate(selectedDate, matchedUpdates)
             }
-            renderInternUpdates({updates: matchedUpdates, lazyLoad})
+            renderInternUpdates({ updates: matchedUpdates, lazyLoad })
         }, 100)
 
-        function clearFilter(){
+        function clearFilter() {
             getRef('updates_page__project_selector').reset()
             getRef('updates_page__intern_selector').reset()
             getRef('updates_page__date_selector').value = ''
@@ -2424,15 +2515,15 @@
         getRef('updates_page__project_selector').addEventListener('change', renderFilteredUpdates)
         getRef('updates_page__intern_selector').addEventListener('change', renderFilteredUpdates)
         getRef('updates_page__date_selector').addEventListener('change', renderFilteredUpdates)
-        
+
         getRef('watch_project_button').addEventListener('mouseenter', e => {
-            if(e.target.textContent === 'watching'){
+            if (e.target.textContent === 'watching') {
                 e.target.textContent = 'unwatch'
                 e.target.title = 'Remove project from your watchlist'
             }
         })
         getRef('watch_project_button').addEventListener('mouseleave', e => {
-            if(e.target.textContent === 'unwatch'){
+            if (e.target.textContent === 'unwatch') {
                 e.target.textContent = 'watching'
                 e.target.title = 'Add project to your watchlist'
             }
@@ -2443,7 +2534,7 @@
                 watchList.splice(watchList.indexOf(currentProject), 1)
                 thisBtn.textContent = 'Watch'
                 notify(`${RIBC.getProjectDetails(currentProject).projectName} removed from your watch list.`)
-            }else {
+            } else {
                 watchList.push(currentProject)
                 thisBtn.textContent = 'watching'
                 notify(`${RIBC.getProjectDetails(currentProject).projectName} added to your watch list.`, 'success')
@@ -2461,7 +2552,7 @@
                     btn.disabled = true
                     RIBC.applyForTask(btn.dataset.projectCode, btn.dataset.branch, btn.dataset.taskNo)
                         .then((result) => {
-                            notify('', 'Applied sucessfully.')
+                            notify('', 'Applied successfully.')
                             allRequests = JSON.parse(localStorage.getItem('requests'))
                             allRequests.push({ projectCode: btn.dataset.projectCode, branch: btn.dataset.branch, taskNo: btn.dataset.taskNo })
                             localStorage.setItem('requests', JSON.stringify(allRequests))
@@ -2500,18 +2591,18 @@
         }
 
         getRef('admin_fab__options').addEventListener('click', e => {
-            if(e.target.closest('.fab-actions__item')){
+            if (e.target.closest('.fab-actions__item')) {
                 toggleFab()
             }
         })
 
         function toggleFab() {
-            if(getRef('admin_fab').hasAttribute('open')){
+            if (getRef('admin_fab').hasAttribute('open')) {
                 getRef('admin_fab').removeAttribute('open')
                 setTimeout(() => {
                     getRef('admin_fab__options').classList.add('hide-completely')
                 }, 300);
-            }else{
+            } else {
                 getRef('admin_fab__options').classList.remove('hide-completely')
                 setTimeout(() => {
                     getRef('admin_fab').setAttribute('open', '')
@@ -2519,7 +2610,7 @@
             }
         }
 
-        function toggleFilter(){
+        function toggleFilter() {
             getRef('update_filters_wrapper').classList.toggle('hide-on-mobile')
         }
         // Event listeners
@@ -2537,19 +2628,19 @@
                 showInternInfo(event.target.closest('.intern-card').dataset.internFloId)
         })
         document.addEventListener('popupopened', e => {
-            switch(e.detail.popup.id){
+            switch (e.detail.popup.id) {
                 case 'intern_list_popup':
                     getRef('intern_list_container').innerHTML = ''
                     getRef('intern_list_container').append(filterInterns(''))
-                break;
+                    break;
             }
         })
         document.addEventListener('popupclosed', e => {
-            switch(e.detail.popup.id){
+            switch (e.detail.popup.id) {
                 case 'intern_list_popup':
                     getRef('intern_list_container').innerHTML = ''
                     getRef('intern_search_field').value = ''
-                break;
+                    break;
             }
         })
 
@@ -2671,7 +2762,7 @@
                 })
                 getRef('requests_list').append(frag)
                 getRef('requests_list').addEventListener('click', (e) => {
-                    function removeRequest(requestCard){
+                    function removeRequest(requestCard) {
                         requestCard.animate([
                             {
                                 transform: 'translateX(0)',
@@ -2698,7 +2789,7 @@
                         else {
                             notify('Intern already assinged.', 'error')
                         }
-                    }else if (e.target.closest('.reject-app')) {
+                    } else if (e.target.closest('.reject-app')) {
                         let requestCard = e.target.closest('.request-card');
                         removeRequest(requestCard)
                     }
@@ -2730,7 +2821,7 @@
             document.getElementById('best_interns').innerHTML = ``;
             let limit = 4;
             for (let p = 0; p < limit; p++) {
-                const {internName, floId, rating} = highPerformingInterns[p]
+                const { internName, floId, rating } = highPerformingInterns[p]
                 frag.append(render.internCard(internName, floId, rating))
             }
             document.getElementById('best_interns').appendChild(frag)
@@ -2744,12 +2835,12 @@
                 })
             }
             else {
-                for(project of allProjectsList.reverse().slice(0, 4)){
+                for (project of allProjectsList.reverse().slice(0, 4)) {
                     frag.append(render.projectCard(RIBC.getProjectDetails(project).projectName, project))
                 }
             }
             document.getElementById('project_list').appendChild(frag)
-    
+
             getRef('post_update_btn').addEventListener('click', () => {
                 const { projectId, projectName, projectBranch, task } = internAssignedTasks[currentTaskId]
                 const topic = `${projectName} / ${RIBC.getTaskDetails(projectId, projectBranch, task).taskTitle}`;
@@ -2795,8 +2886,8 @@
 
             console.log(typeOfUser)
         }
-        function filterInterns(searchKey, options = {}){
-            const {sortByRating = false} = options
+        function filterInterns(searchKey, options = {}) {
+            const { sortByRating = false } = options
             const frag = document.createDocumentFragment();
             const allInterns = RIBC.getInternList()
             const arrayOfInterns = []
@@ -2806,37 +2897,37 @@
                     internName: allInternsList[intern]
                 })
             }
-            arrayOfInterns.sort((a,b) => a.internName.toLowerCase().localeCompare(b.internName.toLowerCase()))
-            if(searchKey === ''){
-                if(sortByRating){
-                    highPerformingInterns.forEach(({internName, floId}) => {
+            arrayOfInterns.sort((a, b) => a.internName.toLowerCase().localeCompare(b.internName.toLowerCase()))
+            if (searchKey === '') {
+                if (sortByRating) {
+                    highPerformingInterns.forEach(({ internName, floId }) => {
                         frag.append(render.internCard(internName, floId, RIBC.getInternRating(floId)))
                     })
-                }else{
-                    arrayOfInterns.forEach(({internName, floId}) => {
+                } else {
+                    arrayOfInterns.forEach(({ internName, floId }) => {
                         frag.append(render.internCard(internName, floId, RIBC.getInternRating(floId)))
                     })
 
                 }
-            }else{
+            } else {
                 const options = {
                     keys: ['internName'],
                     threshold: 0.2
                 }
                 const fuse = new Fuse(arrayOfInterns, options)
-                fuse.search(searchKey).map(v => v.item).forEach(({internName, floId}) => {
+                fuse.search(searchKey).map(v => v.item).forEach(({ internName, floId }) => {
                     frag.append(render.internCard(internName, floId, RIBC.getInternRating(floId)))
                 })
             }
             return frag
         }
-        const  searchInternPopup = debounce((e) => {
+        const searchInternPopup = debounce((e) => {
             getRef('intern_list_container').innerHTML = ''
             getRef('intern_list_container').append(filterInterns(e.target.value.trim()))
         }, 150)
-        const  searchInternPage = debounce((e) => {
+        const searchInternPage = debounce((e) => {
             getRef('all_interns_list').innerHTML = ''
-            getRef('all_interns_list').append(filterInterns(e.target.value.trim(), {sortByRating: true}))
+            getRef('all_interns_list').append(filterInterns(e.target.value.trim(), { sortByRating: true }))
         }, 150)
         getRef('intern_search_field').addEventListener('input', searchInternPopup)
         getRef('interns_page__search').addEventListener('input', searchInternPage)