Updated audit card to be more like Figma

Author: Pranay-Katari

entrypoints/popup-app/main.tsx

@@ -5,6 +5,7 @@ import Button from "../components/common/button";
 import { DegreeAuditCardPopup } from "../components/audit-card";
 import "./style.css";
 import DAPLogo from "@/assets/svgs/dap-circle-logo";
+import logo from "../../public/logo.png";
 import { PlusIcon } from "@phosphor-icons/react";
 import { getAuditHistory } from "@/lib/storage";
 import type { DegreeAuditCardProps } from "@/lib/general-types";
@@ -242,8 +243,12 @@ export default function App() {
     <div className="w-[438px] h-full min-h-[300px] max-h-[600px] bg-white font-sans overflow-hidden flex flex-col border border-gray-100">
       <header className="flex justify-between items-center p-3 border-b border-gray-200 flex-shrink-0">
         <div className="flex items-center space-x-2">
-          <DAPLogo />
-          <span className="font-bold text-lg text-dap-primary leading-tight">
+        <img
+          src={logo}
+          alt="Logo"
+          style={{ width: "70px", height: "auto" }}
+        />
+        <span className="font-bold text-lg text-dap-primary leading-tight">
             Degree Audit
             <br />
             Plus