fix: tooltip css, create tab translation, other small css bugs

src/components/helpers/tooltip/tooltip.scss

@@ -20,7 +20,7 @@
     cursor: initial;
     user-select: none;
     opacity: 0;
-    transition: opacity 0.8s;
+    transition: 0.2s;
   }
 
   &:hover {

src/components/modals/main/scss/index.scss

@@ -252,7 +252,7 @@ li {
   display: inline-flex;
 
   &:hover {
-    color: rgb(165, 165, 165);
+    color: grey;
     background: none;
   }
 

src/components/modals/main/tabs/Addons.jsx

@@ -11,7 +11,7 @@ export default function Addons() {
     <Tabs>
       <div label={addons.added} name='added'><Added/></div>
       <div label={addons.sideload} name='sideload'><Sideload/></div>
-      <div label='Create' name='create'><Create/></div>
+      <div label={addons.create.title} name='create'><Create/></div>
     </Tabs>
   );
 }