1415 show scratch logo in sidebar for scratch projects (#1492)

Work for
RaspberryPiFoundation/digital-editor-issues#1415

Screenshot:
<img width="363" height="302" alt="image"
src="https://github.com/user-attachments/assets/b9f5eeda-5109-4a0a-b100-fdab4ba84e0a"
/>

---------

Co-authored-by: acampo <261805581+abcampo-iry@users.noreply.github.com>
Co-authored-by: Nathan Richards <DNR500@users.noreply.github.com>
Co-authored-by: HJ <cocomarine@users.noreply.github.com>
Co-authored-by: Adrian Lansdown <adrian.lansdown@raspberrypi.org>
Co-authored-by: Matthew Trew <9936426+mwtrew@users.noreply.github.com>

Author: 6 people

src/assets/scratch_icon.svg

@@ -10,6 +10,7 @@ import Button from "../../Button/Button";
 import SidebarBarOption from "./SidebarBarOption";
 import htmlLogo from "../../../assets/html_icon.svg";
 import pythonLogo from "../../../assets/python_icon.svg";
+import scratchLogo from "../../../assets/scratch_icon.svg";
 import { MOBILE_MEDIA_QUERY } from "../../../utils/mediaQueryBreakpoints";
 
 const SidebarBar = (props) => {
@@ -64,6 +65,19 @@ const SidebarBar = (props) => {
     }
   };
 
+  const getProjectTypeLogo = (projectType) => {
+    switch (projectType) {
+      case "python":
+        return pythonLogo;
+      case "code_editor_scratch":
+        return scratchLogo;
+      case "html":
+        return htmlLogo;
+      default:
+        return null;
+    }
+  };
+
   return (
     <div
       className={classNames("sidebar__bar", {
@@ -73,7 +87,7 @@ const SidebarBar = (props) => {
       <div className={`sidebar__bar-options--top`}>
         <img
           className="editor-logo"
-          src={project.project_type === "python" ? pythonLogo : htmlLogo}
+          src={getProjectTypeLogo(project.project_type)}
           alt={t("header.editorLogoAltText")}
         />
         {topMenuOptions.map((menuOption, i) => (