(fix:conflicting global css) layered styles

frontend/src/conversation/ConversationTile.tsx

@@ -250,7 +250,7 @@ export default function ConversationTile({
                 }}
                 className="mr-2 flex w-4 justify-center"
               >
-                <img src={threeDots} width={8} />
+                <img src={threeDots} width={8} alt="menu" />
               </button>
             )}
             <ContextMenu

frontend/src/index.css

@@ -208,7 +208,8 @@ layer(base);
   }
 }
 
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+@layer base{
+  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 
 /* Document
    ========================================================================== */
@@ -424,6 +425,7 @@ button,
 [type='reset'],
 [type='submit'] {
   -webkit-appearance: button;
+  cursor: pointer;
 }
 
 /**
@@ -684,3 +686,5 @@ input:-webkit-autofill:active {
     transform: translateY(0);
   }
 }
+
+}