swap header and footer logos to new ones. git rid of old footer (#229)

## Goal

The goal of this PR is to update the header and footer to match the new
branding and use the SG.

Closes #222

Author: claireclark1

src/components/Footer.svelte

@@ -1,15 +1,12 @@
 <script lang="ts">
   import { isLoggedIn } from '$lib/stores';
-  import FrequencyLogo from './icons/FrequencyLogo.svelte';
   import ConnectionStatus from './ConnectionStatus.svelte';
-  import { Button } from '@frequency-chain/style-guide';
+  import { Button, Assets } from '@frequency-chain/style-guide';
 </script>
 
 <header class="mb-8 flex items-start justify-between gap-3">
   <div>
-    <div class="w-[180px] max-w-[180px] pb-1 pl-3 md:min-w-40">
-      <FrequencyLogo />
-    </div>
+    <Assets.FrequencyLogo class="w-[180px] max-w-[180px] pb-1 pl-3 md:min-w-40" />
     <p class="md:text-normal pl-3 text-sm font-semibold lg:tracking-wider">Provider Dashboard</p>
   </div>
   <ConnectionStatus />

src/components/Header.svelte

@@ -4,7 +4,8 @@
   import { logInPromise, dotApi, storeChainInfo } from '$lib/stores';
   import { getToken } from '$lib/polkadotApi';
   import { getBlockNumber, getEpoch } from '$lib/connections';
-  import Footer from '$components/Footer.svelte';
+  import { Footer } from '@frequency-chain/style-guide';
+
   interface Props {
     children?: import('svelte').Snippet;
   }

src/components/icons/DiscordLogo.svelte

@@ -62,14 +62,6 @@
   a {
     @apply hover:text-teal underline transition duration-[0.3s];
   }
-
-  footer a {
-    @apply text-black;
-  }
-
-  footer svg {
-    @apply hover:text-teal bg-white text-black transition duration-[0.3s];
-  }
 }
 @utility break-anywhere {
   overflow-wrap: anywhere;