Cleanup build output

src/components/Header.tsx

@@ -7,7 +7,7 @@ import {
 } from '@heroicons/react/outline';
 import { Types } from '@meshtastic/meshtasticjs';
 
-import typelogo from '../../public/typelogo.svg';
+import Logo from './logo';
 
 interface HeaderProps {
   status: Types.DeviceStatusEnum;
@@ -19,7 +19,7 @@ const Header = (props: HeaderProps) => {
   return (
     <nav className="w-full shadow-md">
       <div className="flex w-full container mx-auto justify-between px-6 py-4">
-        <img src={typelogo} height="30" width="200" />
+        <Logo />
         <div></div>
 
         <div className="flex items-center">

src/components/logo.tsx

@@ -0,0 +1,86 @@
+import React from 'react';
+
+const Logo = () => {
+  return (
+    <svg
+      height="30"
+      width="200"
+      viewBox="0 0 1115 116"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{
+        fillRule: 'evenodd',
+        clipRule: 'evenodd',
+        strokeLinejoin: 'round',
+        strokeMiterlimit: 1.5,
+      }}
+    >
+      <g transform="matrix(1.05081,0,0,0.602459,-74.3378,-345.171)">
+        <g>
+          <g transform="matrix(0.973838,0,0,1.69858,-1.56777,-229.112)">
+            <path
+              d="M81.582,577.266L148.536,478.804"
+              style={{ fill: 'none', stroke: 'black', strokeWidth: '14.11px' }}
+            />
+          </g>
+          <g transform="matrix(0.961342,0,0,1.67678,882.45,-216.54)">
+            <path
+              d="M81.582,577.266L148.536,478.804"
+              style={{ fill: 'none', stroke: 'black', strokeWidth: '14.86px' }}
+            />
+          </g>
+          <g transform="matrix(12.0448,0,0,21.0595,-7445.39,-7644.88)">
+            <text
+              x="640.988px"
+              y="399.072px"
+              style={{
+                fontFamily: 'ArialMT, Arial, sans-serif',
+                fontSize: '12px',
+              }}
+            >
+              ESHT
+            </text>
+          </g>
+          <g transform="matrix(0.977299,0,0,1.70462,-43.6432,50.5292)">
+            <path
+              d="M187.032,410.85L250.896,317.192L314.907,410.702"
+              style={{ fill: 'none', stroke: 'black', strokeWidth: '13.85px' }}
+            />
+          </g>
+          <g transform="matrix(0.977299,0,0,1.70462,468.182,53.0697)">
+            <path
+              d="M187.032,410.85L250.896,317.192L314.907,410.702"
+              style={{ fill: 'none', stroke: 'black', strokeWidth: '13.85px' }}
+            />
+          </g>
+          <g transform="matrix(0.571939,0,0,1,784.482,759.924)">
+            <text
+              x="0px"
+              y="0px"
+              style={{
+                fontFamily: 'ArialMT, Arial, sans-serif',
+                fontSize: '252.715px',
+              }}
+            >
+              ST
+            </text>
+          </g>
+          <g transform="matrix(0.571939,0,0,1,1030.51,760.498)">
+            <text
+              x="0px"
+              y="0px"
+              style={{
+                fontFamily: 'ArialMT, Arial, sans-serif',
+                fontSize: '252.715px',
+              }}
+            >
+              C
+            </text>
+          </g>
+        </g>
+      </g>
+    </svg>
+  );
+};
+
+export default Logo;