App: make images unselectable and undraggable

src/components/App/App.css

@@ -14,6 +14,13 @@ h2 {
   font-weight: 400;
 }
 
+img {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -webkit-user-drag: none;
+}
+
 pre,
 code {
   font-family: "IBM Plex Mono", "Courier New", monospace;
@@ -60,6 +67,8 @@ button.main-button {
   transition: all 0.2s ease;
   cursor: pointer;
   user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
   margin: 0 24px 24px 0;
 }
 

src/components/ColorInput/ColorInput.css

@@ -17,6 +17,8 @@
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
   pointer-events: none;
 }
 

src/components/Footer/Footer.css

@@ -10,10 +10,6 @@ footer {
   z-index: 2;
 }
 
-#back-to-top-button img {
-  pointer-events: none;
-}
-
 .container {
   position: relative;
   width: 100%;
@@ -53,6 +49,8 @@ footer .links {
 .illustrations-footer {
   display: none;
   user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
   pointer-events: none;
 }
 
@@ -120,7 +118,7 @@ footer .links {
 
   #command {
     position: absolute;
-    right: -48px;
+    right: -18px;
     top: 144px;
   }
 }

src/components/IconGrid/IconGrid.css

@@ -22,6 +22,8 @@
   margin: 4px;
   border-radius: 16px;
   user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
   cursor: pointer;
 }