Add memo optimization

app/components/SectionNumber.js

@@ -1,16 +1,18 @@
 "use client";
 
-const SectionNumber = ({ number }) => {
+import React, { memo } from "react";
+
+const SectionNumber = memo(({ number }) => {
   const getImageSrc = (num) => {
     switch (num) {
       case 1:
-        return "assets/SectionNumber_1.png";
+        return "/assets/SectionNumber_1.png";
       case 2:
-        return "assets/SectionNumber_2.png";
+        return "/assets/SectionNumber_2.png";
       case 3:
-        return "assets/SectionNumber_3.png";
+        return "/assets/SectionNumber_3.png";
       default:
-        return "assets/SectionNumber_1.png";
+        return "/assets/SectionNumber_1.png";
     }
   };
 
@@ -28,6 +30,8 @@ const SectionNumber = ({ number }) => {
       </div>
     </div>
   );
-};
+});
+
+SectionNumber.displayName = "SectionNumber";
 
 export default SectionNumber;