chore(front): remove unnecessary containers and reformat

src/assets/views/auth/account/account.svelte

@@ -15,9 +15,11 @@
 </script>
 
 <BaseTemplate title="Account" description="Manage your account settings and data.">
-    <div class="container">
     <div class="panel">
-            <h2><Icon name="user"/> Personal information</h2>
+        <h2>
+            <Icon name="user"/>
+            Personal information
+        </h2>
 
         {#if $locals.display_email_warning && $locals.emails.length <= 0}
             <Message type="warning" content="To avoid losing access to your account, please add an email address."/>
@@ -41,7 +43,10 @@
     {/if}
 
     <section class="panel">
-            <h2 id="emails"><Icon name="shield"/> Email addresses</h2>
+        <h2 id="emails">
+            <Icon name="shield"/>
+            Email addresses
+        </h2>
 
         <div class="data-table-container">
             <table class="data-table">
@@ -71,7 +76,8 @@
                             <td>{email.email}</td>
                             <td class="actions">
                                 <Form action={route('set-main-email')} button
-                                          submitIcon="refresh-ccw" submitText="Set as main address" submitClass="warning"
+                                      submitIcon="refresh-ccw" submitText="Set as main address"
+                                      submitClass="warning"
                                       confirm="Are you sure you want to set {email.email} as your main address?">
                                     <Field type="hidden" name="id" value={email.id}/>
                                 </Form>
@@ -100,5 +106,4 @@
             </Form>
         {/if}
     </section>
-    </div>
 </BaseTemplate>

src/assets/views/auth/auth.svelte

@@ -22,10 +22,12 @@
               description="Join {$locals.app.name} and share your files!"
               h1="Authentication and registration">
 
-    <div class="container">
     {#if hasRoute('login')}
         <section class="panel">
-            <h2><Icon name="log-in"/> Log in</h2>
+            <h2>
+                <Icon name="log-in"/>
+                Log in
+            </h2>
 
             <Form action={route('login') + queryStr} submitText="Authenticate" submitIcon="log-in">
                 <Field type="text" name="identifier" value={$locals.query?.identifier} icon="at-sign"
@@ -34,18 +36,28 @@
 
                 {#if !loginUsingMagicLink}
                     <Field type="password" name="password" placeholder="Your password" icon="key" required/>
-                    <button on:click={() => loginUsingMagicLink=true} type="button"><Icon name="mail"/> Use magic link</button>
+                    <button on:click={() => loginUsingMagicLink=true} type="button">
+                        <Icon name="mail"/>
+                        Use magic link
+                    </button>
                 {:else}
-                    <button on:click={() => loginUsingMagicLink=false} type="button"><Icon name="key"/> Use password</button>
+                    <button on:click={() => loginUsingMagicLink=false} type="button">
+                        <Icon name="key"/>
+                        Use password
+                    </button>
                 {/if}
-                <Field type="checkbox" name="persist_session" icon="clock" placeholder="Stay logged in on this computer."/>
+                <Field type="checkbox" name="persist_session" icon="clock"
+                       placeholder="Stay logged in on this computer."/>
             </Form>
         </section>
     {/if}
 
     {#if hasRoute('register')}
         <section class="panel">
-            <h2><Icon name="user-plus"/> Register</h2>
+            <h2>
+                <Icon name="user-plus"/>
+                Register
+            </h2>
 
             <Form action={route('register') + queryStr} submitText="Register" submitIcon="check">
                 <Field type="hidden" name="auth_method" value={registerUsingMagicLink ? 'magic_link': 'password'}/>
@@ -60,11 +72,18 @@
                     <Field type="email" name="identifier" icon="at-sign" placeholder="Your email address"
                            hint="You will receive a magic link in your mailbox. Click on the link from any device to register here."
                            required/>
-                    <button on:click={() => registerUsingMagicLink=false} type="button"><Icon name="key"/>Use password</button>
+                    <button on:click={() => registerUsingMagicLink=false} type="button">
+                        <Icon name="key"/>
+                        Use password
+                    </button>
                 {:else}
                     <Field type="password" name="password" icon="key" placeholder="Choose a password" required/>
-                    <Field type="password" name="password_confirmation" icon="key" placeholder="Confirm your password" required/>
+                    <Field type="password" name="password_confirmation" icon="key" placeholder="Confirm your password"
-                    <button on:click={() => registerUsingMagicLink=true} type="button"><Icon name="at-sign"/>Use email address instead</button>
+                           required/>
+                    <button on:click={() => registerUsingMagicLink=true} type="button">
+                        <Icon name="at-sign"/>
+                        Use email address instead
+                    </button>
                 {/if}
 
                 <Field type="checkbox" name="terms" icon="file-text" required>
@@ -73,5 +92,4 @@
             </Form>
         </section>
     {/if}
-    </div>
 </BaseTemplate>

src/assets/views/backend/index.svelte

@@ -8,7 +8,6 @@
 </script>
 
 <BaseTemplate title="{$locals.app.name} backend" h1={false}>
-    <div class="container">
     <Breadcrumb currentPageTitle="Backend"/>
 
     <h1>App administration</h1>
@@ -29,5 +28,4 @@
             </ul>
         </nav>
     </div>
-    </div>
 </BaseTemplate>

src/assets/views/magic_link.svelte

@@ -8,7 +8,6 @@
 </script>
 
 <BaseTemplate title="{$locals.app.name} {h1}" {h1}>
-    <div class="container">
     <div class="panel">
         {#if $locals.err}
             <Message type="error" content={$locals.err}/>
@@ -17,5 +16,4 @@
             <p>You can now close this page.</p>
         {/if}
     </div>
-    </div>
 </BaseTemplate>

src/assets/views/magic_link_lobby.svelte

@@ -38,7 +38,6 @@
 </script>
 
 <BaseTemplate h1="Authentication lobby" title="{$locals.app.name} authentication lobby">
-    <div class="container">
     <div class="panel">
         <Message type="success" sticky
                  content={`We sent a link to ${$locals.email}. To authenticate, open it from any device.`}/>
@@ -47,5 +46,4 @@
 
         <p class="center">Waiting for you to open the link...</p>
     </div>
-    </div>
 </BaseTemplate>