refactor: better naming

app/assets/javascripts/components/AccountMenu/Authentication.tsx

@@ -277,7 +277,7 @@ const Authentication = observer(({
               <div className="sk-panel-row" />
               <button
                 type="button"
-                className="sk-a info font-bold text-left p-0 hover-text-underline mr-1 ml-1"
+                className="sk-a info font-bold text-left p-0 hover:underline mr-1 ml-1"
                 onClick={() => {
                   setShowAdvanced(!showAdvanced);
                 }}>

app/assets/javascripts/ui_models/app_state/account_menu_state.ts

@@ -39,11 +39,11 @@ export class AccountMenuState {
       notesAndTagsCount: computed
     });
 
-    this.addAppEventObserver();
+    this.addAppLaunchedEventObserver();
     this.streamNotesAndTags();
   }
 
-  addAppEventObserver = (): void => {
+  addAppLaunchedEventObserver = (): void => {
     this.appEventListeners.push(
       this.application.addEventObserver(async () => {
         runInAction(() => {

app/assets/stylesheets/_sn.scss

@@ -8,10 +8,8 @@
   display: none;
 }
 
-.hover-text-underline {
-  &:hover {
-    text-decoration: underline;
-  }
+.hover\:underline:hover {
+  text-decoration: underline;
 }
 
 /**