Update typography and Tiptap classes, fix styling and break word issue

Author: agjs

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@programmer_network/yail",
-  "version": "1.0.156",
+  "version": "1.0.157",
   "description": "Programmer Network's official UI library for React",
   "author": "Aleksandar Grbic - (https://programmer.network)",
   "publishConfig": {

src/Components/AuthorCard/__snapshots__/AuthorCard.test.tsx.snap

@@ -30,7 +30,7 @@ exports[`AuthorCard component > renders correctly 1`] = `
           John Doe
         </h2>
         <p
-          class="my-4 text-primary-text-color !my-0"
+          class="my-4 text-primary-text-color break-words overflow-hidden !my-0"
         >
           An expert in the field.
         </p>

src/Components/CTA/__snapshots__/CTA.test.tsx.snap

@@ -20,7 +20,7 @@ exports[`CTA component > renders correctly - snapshot test 1`] = `
             Test Title
           </h2>
           <p
-            class="my-4 text-primary-text-color mx-auto max-w-md text-primary-text-color text-center !my-0"
+            class="my-4 text-primary-text-color break-words overflow-hidden mx-auto max-w-md text-primary-text-color text-center !my-0"
           >
             Test Subtitle
           </p>

src/Components/Card/index.tsx

@@ -46,7 +46,7 @@ const Card: FC<ICard> = ({ data, className, NavLink }) => {
           <H3 margin='none'>{title}</H3>
         </NavLink>
       )}
-      <Paragraph>{description}</Paragraph>
+      <Paragraph margin='none'>{description}</Paragraph>
       {tags && tags.length > 0 && (
         <div className='mt-2 flex items-center gap-2'>
           {tags.map((tag, index) => (

src/Components/Inputs/Tiptap/constants.ts

@@ -75,7 +75,7 @@ export const toolbarItemToClassName = {
   },
   [TIPTAP_TOOLBAR_ITEMS.PARAGRAPH]: {
     tagName: "p",
-    classes: "my-4 text-primary-text-color"
+    classes: "my-4 text-primary-text-color break-words overflow-hidden"
   },
   [TIPTAP_TOOLBAR_ITEMS.LINK]: {
     tagName: "a",