Replace image logos with SVG text in header and footer

Replaced the image logos in the header and footer of the website with SVG text logos. The changes were made in `FooterBar.razor` and `HeaderBar.razor`. An additional image tag without a source attribute was added to `FooterBar.razor`, which might be an error as it will not display anything.

Author: Sntai20

WebApp/Components/Layout/FooterBar.razor

@@ -1,7 +1,10 @@
 <footer class='eshop-footer'>
   <div class='eshop-footer-content'>
     <div class='eshop-footer-row'>
-      <img role="presentation" src='images/logo-footer.svg' class='logo logo-footer' />
+      <svg width="200" height="100" xmlns="http://www.w3.org/2000/svg">
+          <text x="10" y="50" font-family="Verdana" font-size="23" fill="white">SeattleU eShop</text>
+      </svg>
+      <img role="presentation" class='logo logo-footer' />
       <p>© SeattleU eShop</p>
     </div>
   </div>

WebApp/Components/Layout/HeaderBar.razor

@@ -10,7 +10,10 @@
     <div class="eshop-header-container">
         <nav class="eshop-header-navbar">
             <a class="logo logo-header" href="">
-                <img alt="SeattleU eShop" src="images/logo-header.svg" class="logo logo-header" />
+                <svg width="200" height="100" xmlns="http://www.w3.org/2000/svg">
+                    <text x="10" y="50" font-family="Verdana" font-size="24" fill="black">SeattleU eShop</text>
+                </svg>
+
             </a>
 
             <UserMenu />