fix image in readme and add margin for landing image

Author: keeniGithub

README.md

@@ -1,4 +1,4 @@
-<img src="public/image/Notter.png" width="300px">
+<img src="public/image/logo.png" width="300px">
 
 # Notter
 

src/app/(landing)/_components/heading.tsx

@@ -30,7 +30,7 @@ export function Heading() {
         </span>
       </div>
 
-      <div className="flex justify-center">
+      <div className="flex justify-center mt-10 md:mt-0 mx-4">
         <Image src={images.IMAGE.LANDING} alt="lamp" width={500} height={500} className="drop-shadow-[0_0_10px_rgba(0,0,0,0.5)] dark:drop-shadow-[0_0_10px_rgba(255,255,255,0.2)]"/>
       </div>
     </section>

src/components/console-logo-toggle.tsx

@@ -65,6 +65,13 @@ function replaceAll() {
 
 export default function ConsoleLogoToggle() {
   useEffect(() => {
+    console.log(`
+      beta new logo functions:
+      - setNewLogo()
+      - replaceLogoAssets()
+      - clearNewLogo()
+    `)
+
     const isDark = () => {
       try {
         if (typeof document === 'undefined') return false