perf: simplify subtitle rendering logic and ensure date display consistency across sections

Author: JOYCEQL

src/components/preview/CustomSection.tsx

@@ -67,17 +67,15 @@ const CustomSection = ({
                 </h4>
               </div>
 
-              {centerSubtitle && item.subtitle && (
+              {centerSubtitle && (
                 <motion.div layout="position" className="text-subtitleFont">
                   {item.subtitle}
                 </motion.div>
               )}
 
-              {
-                <span className="text-subtitleFont shrink-0">
-                  {item.dateRange}
-                </span>
-              }
+              <span className="text-subtitleFont shrink-0">
+                {item.dateRange}
+              </span>
             </motion.div>
 
             {!centerSubtitle && item.subtitle && (

src/components/preview/ExperienceSection.tsx

@@ -37,14 +37,12 @@ const ExperienceItem = React.forwardRef<HTMLDivElement, ExperienceItemProps>(
           >
             {experience.company}
           </div>
-          {experience.position && centerSubtitle && (
+          {centerSubtitle && (
             <motion.div className="text-subtitleFont">
               {experience.position}
             </motion.div>
           )}
-          {experience.date && (
-            <div className="text-subtitleFont">{experience.date}</div>
-          )}
+          <div className="text-subtitleFont">{experience.date}</div>
         </motion.div>
         {experience.position && !centerSubtitle && (
           <motion.div className="text-subtitleFont">

src/components/preview/ProjectSection.tsx

@@ -51,14 +51,12 @@ const ProjectItem = React.forwardRef<HTMLDivElement, ProjectItemProps>(
               </a>
             )}
           </div>
-          {project.role && globalSettings?.centerSubtitle && (
+          {globalSettings?.centerSubtitle && (
             <motion.div layout="position" className=" text-subtitleFont">
               {project.role}
             </motion.div>
           )}
-          {project.date && (
-            <div className="text-subtitleFont">{project.date}</div>
-          )}
+          <div className="text-subtitleFont">{project.date}</div>
         </motion.div>
         {project.role && !centerSubtitle && (
           <motion.div layout="position" className=" text-subtitleFont">