hide tooltip on menu hover, remove unused code

src/SEQTA.js

@@ -796,7 +796,6 @@ export function closeSettings() {
   var extensionsettings = document.getElementById('ExtensionPopup');
 
   if (SettingsClicked == true) {
-    console.log(SettingsClicked, "Closing Menu!")
     extensionsettings.classList.add('hide');
     animate(
       '#ExtensionPopup',

src/css/injected.scss

@@ -114,7 +114,8 @@ ul.magicDelete > li.deleting {
   background: none;
 }
 #menu li, #menu section {
-  margin-right: 8px !important;
+  margin: 8px auto !important;
+  width: 85% !important;
   border-bottom: none;
   box-shadow: none;
   border-radius: 12px;
@@ -2409,6 +2410,9 @@ body {
   transform-origin: top;
   transition: transform 0.2s;
 }
+body:has(.outside-container:not(.hide)) #AddedSettings.tooltip:hover > .tooltiptext {
+  transform: scale(0);
+}
 .assessmenttooltip svg {
   fill: var(--text-primary);
 }