Refactor styles and update text for better clarity and consistency

src/assets/layout/_main.scss

@@ -22,13 +22,14 @@ a {
     min-height: 100vh;
 }
 
-h1 {
-    font-size: 1.4em !important;
-    font-weight: bold !important;
-}
+// comment below h1 and h2 to ensure good formattation, font-size too small
+// h1 {
+//     font-size: 1.4em !important;
+//     font-weight: bold !important;
+// }
 
-h2 {
-    font-size: 1em !important;
-    font-weight: bold !important;
-}
+// h2 {
+//     font-size: 1em !important;
+//     font-weight: bold !important;
+// }
 

src/assets/styles.scss

@@ -3,3 +3,13 @@
 @import 'primeicons/primeicons.css';
 @import '@/assets/demo/demo.scss';
 
+ h1 {
+     font-size: 1.4em !important;
+     font-weight: bold !important;
+ }
+
+//  h2 {
+//      font-size: 1em !important;
+//      font-weight: bold !important;
+//  }
+

src/assets/tailwind.css

@@ -9,5 +9,5 @@
     list-style-type: decimal !important;
   }
 .editor .md-editor-preview{
-    word-break: break-word
+    word-break: break-word;
   }