Untranslated lock icon (#568)

Sorry my OCD is kicking in... It's super weird that the base of the lock moves when we check / unckeck it. Instead, just the semi-circle shape should move (what this PR implements).

src/components/LockIcon.tsx

@@ -32,6 +32,7 @@ const ICONS = {
       height="1792"
       viewBox="0 0 1792 1792"
       xmlns="http://www.w3.org/2000/svg"
+      style={{ left: 2 }}
     >
       <path d="M1728 576v256q0 26-19 45t-45 19h-64q-26 0-45-19t-19-45v-256q0-106-75-181t-181-75-181 75-75 181v192h96q40 0 68 28t28 68v576q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-576q0-40 28-68t68-28h672v-192q0-185 131.5-316.5t316.5-131.5 316.5 131.5 131.5 316.5z" />
     </svg>

src/components/ToolIcon.scss

@@ -17,6 +17,7 @@
   border-radius: var(--space-factor);
 
   svg {
+    position: relative;
     height: 1em;
   }
 }