Enhance useStyles in ReadOnlyDisplayFormItem by adding optional textAlign parameter for improved text alignment control

Author: czwe-01

shesha-reactjs/src/components/readOnlyDisplayFormItem/styles/styles.ts

@@ -1,7 +1,13 @@
 import { createStyles, sheshaStyles, getTextHoverEffects } from '@/styles';
+import { CSSProperties } from 'react';
 
+interface UseStylesParams {
+  textAlign?: CSSProperties['textAlign'];
+};
+
+export const useStyles = createStyles(({ css, cx, prefixCls, token }, params: UseStylesParams) => {
+  const { textAlign } = params;
 
-export const useStyles = createStyles(({ css, cx, prefixCls, token }, { textAlign }) => {
   const readOnlyModeToggler = "read-only-mode-toggler";
   const readOnlyDisplayFormItem = cx("read-only-display-form-item", css`
         width: 100%;