UI styling update

app/dna-sequencing/enrichment-sequencing/components/EnrichmentPipeline.jsx

@@ -6,7 +6,6 @@ const EnrichmentPipeline = ({
   svgUrl = "/images/flowchart/resequencing.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/dna-sequencing/epigenomics-sequencing/components/EpigenomicsPipeline.jsx

@@ -6,7 +6,6 @@ const EpigenomicsPipeline = ({
   svgUrl = "/images/flowchart/epigenomics.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/dna-sequencing/genome-mapping/components/GenomeMappingPipeline.jsx

@@ -6,7 +6,7 @@ const GenomeMappingPipeline = ({
   svgUrl = "/images/flowchart/genoemapping.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
+
   svgClassName = "",
   containerClassName = ""
 }) => {

app/dna-sequencing/hybrid-genome-sequencing/components/HybridSequencingPipeline.jsx

@@ -21,12 +21,12 @@ const HybridSequencingPipeline = ({
   arrowColor = "text-gray-600",
   className = "",
   cardClassName = "",
-  titleClassName = ""
+  titleclass='',
 }) => {
   return (
     <section className={`py-6 sm:py-8 lg:py-12 ${backgroundColor} ${className}`}>
       <div className="container mx-auto max-w-none px-3 sm:px-4 lg:px-6">
-        <h2 className={`text-gray-700 text-left pb-4 sm:pb-6 text-xl sm:text-2xl lg:text-3xl font-normal ${titleClassName}`}>
+        <h2 className={`text-gray-700 text-left pb-4 sm:pb-6 text-xl sm:text-2xl lg:text-3xl font-normal ${titleclass}`}>
           {title}
         </h2>
 

app/dna-sequencing/metagenomics-sequencing/components/MetagenomicsPipeline.jsx

@@ -6,7 +6,6 @@ const MetagenomicsPipeline = ({
   svgUrl = "/images/flowchart/metagenomics.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/dna-sequencing/single-cell-dna-sequencing/components/SingleCellPipeline.jsx

@@ -6,7 +6,6 @@ const SingleCellPipeline = ({
   svgUrl = "/images/flowchart/singlecell.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/dna-sequencing/whole-genome-sequencing/denovo/components/WGSDeNovoPipeline.tsx

@@ -6,7 +6,6 @@ const WGSDeNovoPipeline = ({
   svgUrl = "/images/flowchart/denovo.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/dna-sequencing/whole-genome-sequencing/resequencing/components/WGSResequencingPipeline.jsx

@@ -6,7 +6,6 @@ const WGSResequencingPipeline = ({
   svgUrl = "/images/flowchart/resequencing.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/rna-sequencing/circular-rna-sequencing/components/CircularRNAPipeline.jsx

@@ -6,7 +6,6 @@ const CircularRNAPipeline = ({
   svgUrl = "/images/flowchart/circularrna.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/rna-sequencing/degradome-sequencing/components/DegradomeSequencingPipeline.jsx

@@ -6,7 +6,6 @@ const DegradomeSequencingPipeline = ({
   svgUrl = "/images/flowchart/degradomerna.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/rna-sequencing/iso-sequencing/components/IsoformPipeline.jsx

@@ -6,7 +6,6 @@ const IsoformPipeline = ({
   svgUrl = "/images/flowchart/isoseqrna.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/rna-sequencing/lncrna-sequencing/components/LncRNABioinformatics.jsx

@@ -6,7 +6,6 @@ const LncRNABioinformatics = ({
   svgUrl = "/images/flowchart/totalrna.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/rna-sequencing/metatranscriptomics-sequencing/components/MetatranscriptomicsPipeline.jsx

@@ -6,7 +6,6 @@ const MetatranscriptomicsPipeline = ({
   svgUrl = "/images/flowchart/metatranscriptomicsrna.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/rna-sequencing/mrna-sequencing/components/MRNAPipeline.jsx

@@ -6,7 +6,6 @@ const MRNAPipeline = ({
   svgUrl = "/images/flowchart/mrna.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/rna-sequencing/single-cell-rna-sequencing/components/SingleCellPipeline.jsx

@@ -6,7 +6,6 @@ const SingleCellPipeline = ({
   svgUrl = "/images/flowchart/singlecellrna.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/rna-sequencing/small-rna-sequencing/components/SRNABioinformatics.jsx

@@ -6,7 +6,6 @@ const SRNABioinformatics = ({
   svgUrl = "/images/flowchart/smallrna.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {

app/rna-sequencing/whole-transcriptome-sequencing/components/WTSPipeline.jsx

@@ -6,7 +6,6 @@ const WTSPipeline = ({
   svgUrl = "/images/flowchart/totalrna.svg",
   backgroundColor = "bg-gray-50",
   className = "",
-  titleClassName = "",
   svgClassName = "",
   containerClassName = ""
 }) => {