Fix error alignment

cypress/e2e/themes.spec.ts

@@ -12,7 +12,7 @@ describe('Test themes', () => {
             });
         }
       });
-      cy.contains('Change Theme').click();
+      cy.contains('Theme').click();
     });
 
     it('should set light theme as default', () => {
@@ -44,7 +44,7 @@ describe('Test themes', () => {
             });
         }
       });
-      cy.contains('Change Theme').click();
+      cy.contains('Theme').click();
     });
 
     it('should set dark theme as default', () => {

src/lib/components/Theme.svelte

@@ -39,7 +39,7 @@
         stroke-linejoin="round"
         stroke-width="2"
         d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" /></svg>
-    <span class="hidden md:inline"> Change Theme </span>
+    <span class="hidden md:inline">Theme</span>
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 1792 1792"

src/lib/components/View.svelte

@@ -122,7 +122,6 @@
         pzoom.resize();
       }
     });
-    // console.log('View mounted');
   });
 </script>
 
@@ -130,7 +129,7 @@
   <div
     class="absolute w-full p-2 z-10 font-mono {error
       ? 'text-red-600'
-      : 'text-yellow-600'} bg-base-100 bg-opacity-80 text-center"
+      : 'text-yellow-600'} bg-base-100 bg-opacity-80 text-left"
     id="errorContainer">
     {#if error}
       {@html $stateStore.error?.toString().replace(/\n/g, '<br />')}