fix: Adjust header markup to make appropriate for dfe-frontend package

Childrens-Social-Care-CPD/Views/Shared/_Header.cshtml

@@ -28,9 +28,6 @@
             <a class="dfe-header__link dfe-header__link--service " href="/" aria-label="DfE homepage">
                 <img src="/assets/images/dfe-logo.png" class="dfe-logo" alt="DfE Homepage">
                 <img src="/assets/images/dfe-logo-alt.png" class="dfe-logo-hover" alt="DfE Homepage">
-                <span class="dfe-header__service-name">
-                    Support for social workers
-                </span>
             </a>
         </div>
         <div class="dfe-header__content" id="content-header">
@@ -39,7 +36,9 @@
             </div>
         </div>
     </div>
-
+    <div class="dfe-width-container dfe-header__service-name">
+        <a href="/" class="dfe-header__link--service">Support for social workers</a>
+    </div>
     <nav class="dfe-header__navigation" id="header-navigation" role="navigation" aria-label="Primary navigation" aria-labelledby="label-navigation">
         <div class="dfe-width-container">
             <p class="dfe-header__navigation-title">