refactor(docs): reorganize documentation structure and update styles

Reorganize documentation into core/advanced/extraction sections for better navigation.
Update terminal theme styles and add rich library for better CLI output.
Remove redundant tutorial files and consolidate content into core sections.
Add personal story to index page for project context.

BREAKING CHANGE: Documentation structure has been significantly reorganized

docs/md_v2/assets/styles.css

@@ -7,6 +7,7 @@
 
 :root {
     --global-font-size: 16px;
+    --global-code-font-size: 14px;
     --global-line-height: 1.5em;
     --global-space: 10px;
     --font-stack: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono,
@@ -20,6 +21,7 @@
     --invert-font-color: #151515; /* Dark color for inverted elements */
     --primary-color: #1a95e0; /* Primary color can remain the same or be adjusted for better contrast */
     --secondary-color: #727578; /* Secondary color for less important text */
+    --secondary-dimmed-color: #8b857a; /* Dimmed secondary color */
     --error-color: #ff5555; /* Bright color for errors */
     --progress-bar-background: #444; /* Darker background for progress bar */
     --progress-bar-fill: #1a95e0; /* Bright color for progress bar fill */
@@ -37,8 +39,9 @@
     --secondary-color: #a3abba;
     --secondary-color: #d5cec0;
     --tertiary-color: #a3abba;
-    --primary-color: #09b5a5; /* Updated to the brand color */
+    --primary-dimmed-color: #09b5a5; /* Updated to the brand color */
     --primary-color: #50ffff; /* Updated to the brand color */
+    --accent-color: rgb(243, 128, 245);
     --error-color: #ff3c74;
     --progress-bar-background: #3f3f44;
     --progress-bar-fill: #09b5a5; /* Updated to the brand color */
@@ -80,10 +83,16 @@ pre, code {
     line-height: var(--global-line-height);
 }
 
-strong,
+strong {
+    /* color : var(--primary-dimmed-color); */
+    /* background-color: #50ffff17; */
+    text-shadow: 0 0 0px var(--font-color), 0 0 0px var(--font-color);
+}
+
 .highlight {
     /* background: url(//s2.svgbox.net/pen-brushes.svg?ic=brush-1&color=50ffff); */
-    background-color: #50ffff33;
+    background-color: #50ffff17;
+    
 }
 
 .terminal-card > header {
@@ -157,4 +166,71 @@ ol li::before {
     counter-increment: item;
     /* float: left; */
     /* padding-right: 5px; */
+}
+
+
+/* 8 TERMINAL CSS */
+
+.terminal code {
+    font-size: var(--global-code-font-size);
+    background: var(--block-background-color);
+    /* color: var(--secondary-color); */
+    color: var(--primary-dimmed-color);
+}
+
+.terminal pre code {
+    background: var(--block-background-color);
+    color: var(--secondary-color);
+}
+
+.hljs-keyword, .hljs-selector-tag, .hljs-built_in, .hljs-name, .hljs-tag {
+    color: var(--accent-color);
+}
+.hljs-string {
+    color: var(--primary-dimmed-color);
+}
+.hljs-comment {
+    color: var(--secondary-dimmed-color);
+    font-style: italic;
+    font-size: 0.9em;
+}
+.hljs-number {
+    color: var(--primary-dimmed-color);
+}
+
+.terminal strong > code, .terminal h2 > code , .terminal h3 > code {
+    background-color: transparent;
+    /* color: var(--font-color); */
+    color: var(--primary-dimmed-color);
+    text-shadow: none;
+}
+
+blockquote {
+    background-color: var(--invert-font-color);
+    padding: 1em 2em;
+    border-left: 2px solid var(--primary-dimmed-color);
+}
+
+blockquote::after {
+    content: "💡";
+    white-space: pre;
+    position: absolute;
+    top: 1em;
+    left: 5px;
+    line-height: var(--global-line-height);
+    color: #9ca2ab;
+}
+
+pre {
+    display: block;
+    word-break: break-word;
+    word-wrap: break-word;
+}
+
+.terminal h1 {
+    font-size: 2em;
+}
+
+.terminal h1, .terminal h2, .terminal h3, .terminal h4, .terminal h5, .terminal h6 {
+    text-shadow: 0 0 0px var(--font-color), 0 0 0px var(--font-color), 0 0 0px var(--font-color);
 }