Add Branding/Logos (#20)

* add favicon

* added logo on the home page

* add logo to readme

README.md

@@ -1,5 +1,8 @@
 # Cryowala
 
+# Add Logo Image
+![Cryowala Logo](./app/logo.png)
+
 # Introduction
 This project aims to assist researchers work with cryogenic devices like quantum computers.
 It provides a set of tools to simulate heat load & noise in the cryogenic fridge and present that data visually.

app/page.tsx

@@ -3,6 +3,8 @@
 import { useFridge } from "@/components/config/context";
 import Link from "next/link"
 import { PropsWithChildren } from "react";
+import largeLogo from "@/public/logo.png";
+import Image from "next/image";
 
 const links = [
   { href: "/fridge/configure", label: "Configure Fridge" },
@@ -24,6 +26,8 @@ export default function Home() {
 
   return (
     <main className="flex min-h-screen flex-row flex-wrap items-center justify-between p-24 max-w-4xl mx-auto">
+      <Image src={largeLogo} alt="Fridge Logo" />
+
       {links.map(({ href, label }) => (
         <Button key={href}>
           <Link href={href}>{label}</Link>

next.config.js

@@ -12,6 +12,9 @@ const nextConfig = {
     reactStrictMode: true,
     trailingSlash: true,
     swcMinify: true,
+    images: {
+        unoptimized: true,
+    },
     webpack: (config, _) => {
         // Add Support to import the raw text from Python files
         config.module.rules.push({