feat: add align center in generic empty state and helper for prefixing 0

Author: eshankvaish

src/Common/EmptyState/GenericEmptyState.tsx

@@ -67,12 +67,8 @@ const GenericEmptyState = ({
                 } ${contentClassName}`}
             >
                 <div className="flex column dc__gap-8">
-                    <h4 className="title fw-6 cn-9 mt-0 mb-0 lh-24">{title}</h4>
-                    {subTitle && (
-                        <p className={`subtitle ${isRowLayout ? 'subtitle--text-start' : ''}`}>
-                            {subTitle}
-                        </p>
-                    )}
+                    <h4 className="title fw-6 cn-9 mt-0 mb-0 lh-24 dc__align-center">{title}</h4>
+                    {subTitle && <p className={`subtitle ${isRowLayout ? 'subtitle--text-start' : ''}`}>{subTitle}</p>}
                 </div>
                 {isButtonAvailable && renderButton()}
                 {children}

src/Common/Helper.tsx

@@ -784,3 +784,5 @@ export function deepEqual(configA: any, configB: any): boolean {
         return true
     }
 }
+
+export const prefixZeroIfSingleDigit = (value: number = 0) => (value > 0 && value < 10 ? `0${value}` : value)