refactor: update pages to v4

Author: mrholek

pug/404.pug

@@ -8,11 +8,9 @@ block view
           h1.float-start.display-3.me-4 404
           h4.pt-3 Oops! You're lost.
           p.text-muted The page you are looking for was not found.
-        .input-prepend.input-group
-          .input-group-prepend
-            span.input-group-text
-              svg.icon
-                use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-magnifying-glass")
+        .input-group
+          span.input-group-text
+            svg.icon
+              use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-magnifying-glass")
           input#prependedInput.form-control(size='16', type='text', placeholder='What are you looking for?')
-          span.input-group-append
-            button.btn.btn-info(type='button') Search
+          button.btn.btn-info(type='button') Search

pug/500.pug

@@ -8,11 +8,9 @@ block view
           h1.float-start.display-3.me-4 500
           h4.pt-3 Houston, we have a problem!
           p.text-muted The page you are looking for is temporarily unavailable.
-        .input-prepend.input-group
-          .input-group-prepend
-            span.input-group-text
-              svg.icon
-                use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-magnifying-glass")
+        .input-group
+          span.input-group-text
+            svg.icon
+              use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-magnifying-glass")
           input#prependedInput.form-control(size='16', type='text', placeholder='What are you looking for?')
-          span.input-group-append
-            button.btn.btn-info(type='button') Search
+          button.btn.btn-info(type='button') Search

pug/_layout/pages.pug

@@ -8,7 +8,7 @@ html(lang='en')
     base(href=base)
     include ../_partials/head.pug
     block styles
-  body.c-app.flex-row.align-items-center
+  body.bg-light.min-vh-100.d-flex.flex-row.align-items-center
     block view
 
     include ../_partials/scripts.pug

pug/login.pug

@@ -3,21 +3,19 @@ extends /_layout/pages.pug
 block view
   .container
     .row.justify-content-center
-      .col-md-8
-        .card-group
-          .card.mb-4.p-4
+      .col-lg-8
+        .card-group.d-block.d-md-flex.row
+          .card.col-md-7.p-4.mb-0
             .card-body
               h1 Login
               p.text-muted Sign In to your account
               .input-group.mb-3
-                .input-group-prepend
-                  span.input-group-text
+                span.input-group-text
                     svg.icon
                       use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-user")
                 input.form-control(type='text', placeholder='Username')
               .input-group.mb-4
-                .input-group-prepend
-                  span.input-group-text
+                span.input-group-text
                     svg.icon
                       use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-lock-locked")
                 input.form-control(type='password', placeholder='Password')
@@ -26,7 +24,7 @@ block view
                   button.btn.btn-primary.px-4(type='button') Login
                 .col-6.text-end
                   button.btn.btn-link.px-0(type='button') Forgot password?
-          .card.mb-4.text-white.bg-primary.py-5.d-md-down-none(style='width:44%')
+          .card.col-md-5.text-white.bg-primary.py-5
             .card-body.text-center
               div
                 h2 Sign up

pug/register.pug

@@ -9,35 +9,24 @@ block view
             h1 Register
             p.text-muted Create your account
             .input-group.mb-3
-              .input-group-prepend
-                span.input-group-text
-                  svg.icon
-                    use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-user")
+              span.input-group-text
+                svg.icon
+                  use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-user")
               input.form-control(type='text', placeholder='Username')
             .input-group.mb-3
-              .input-group-prepend
-                span.input-group-text
-                  svg.icon
-                    use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-envelope-open")
+              span.input-group-text
+                svg.icon
+                  use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-envelope-open")
               input.form-control(type='text', placeholder='Email')
             .input-group.mb-3
-              .input-group-prepend
-                span.input-group-text
-                  svg.icon
-                    use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-lock-locked")
+              span.input-group-text
+                svg.icon
+                  use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-lock-locked")
               input.form-control(type='password', placeholder='Password')
             .input-group.mb-4
-              .input-group-prepend
-                span.input-group-text
-                  svg.icon
-                    use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-lock-locked")
+              span.input-group-text
+                svg.icon
+                  use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-lock-locked")
               input.form-control(type='password', placeholder='Repeat password')
             button.btn.btn-block.btn-success(type='button') Create Account
-          .card-footer.p-4
-            .row
-              .col-6
-                button.btn.btn-block.btn-facebook(type='button')
-                  span facebook
-              .col-6
-                button.btn.btn-block.btn-twitter(type='button')
-                  span twitter
+