appName from config.json

packages/app/src/Element/Logo.tsx

@@ -4,7 +4,7 @@ const Logo = () => {
   const navigate = useNavigate();
   return (
     <h1 className="logo" onClick={() => navigate("/")}>
-      Snort
+      {process.env.APP_NAME}
     </h1>
   );
 };

packages/app/src/Pages/Layout.tsx

@@ -209,7 +209,7 @@ function LogoHeader() {
 
   return (
     <Link to="/" className="logo">
-      <h1>Snort</h1>
+      <h1>{process.env.APP_NAME}</h1>
       {currentSubscription && (
         <small className="flex">
           <Icon name="diamond" size={10} className="mr5" />