feat: justify body text for better readability

webapp/tipitaka-web/src/components/layout/ReaderPanel.tsx

@@ -25,7 +25,7 @@ const renderContent = (html: string, fontSize: number, endMarkers: string[]) =>
     >
       {html ? (
         <div
-          className="content-body leading-[2.1] text-left"
+          className="content-body leading-[2.1] text-justify"
           dangerouslySetInnerHTML={{ __html: html }}
         />
       ) : (
@@ -89,9 +89,9 @@ const renderFirstPage = (html: string, fontSize: number, volumeTitle: string) =>
             className="first-page-top leading-[2.1]"
             dangerouslySetInnerHTML={{ __html: topPart }}
           />
-          {/* Bottom: after homage — normal h4 styling, text-left */}
+          {/* Bottom: after homage — normal h4 styling, text-justify */}
           <div
-            className="content-body leading-[2.1] text-left"
+            className="content-body leading-[2.1] text-justify"
             dangerouslySetInnerHTML={{ __html: bottomPart }}
           />
         </>