style: improve css structure and adjust hero card padding

refactor blockquote styling in content-parser.css for better maintainability
adjust padding values in HeroCard component for consistency
remove redundant references section from blog posts

Author: gadingnst

src/contents/posts/en/prompting-not-role-but-culture.mdx

@@ -71,10 +71,3 @@ Here’s an example from my own tweet, where I showed how a simple image prompt
 You don’t need to be an expert to prompt well. You just need an instructional mindset. Because today, *how you talk to AI = how you shape your output.*
 
 > Instead of hiring “a prompt engineer,” focus on building a **prompting culture** across your team. Teach people to think in instructions, not just outcomes. Because AI is only as good as **how we guide it**.
-
----
-
-### References
-- [latent.space](https://www.latent.space)
-- [OpenAI Cookbook](https://github.com/openai/openai-cookbook)
-- [UX Collective - Prompting as UX](https://uxdesign.cc)

src/contents/posts/id/prompting-bukan-role-tapi-culture.mdx

@@ -71,10 +71,3 @@ Berikut contoh dari tweet gue sendiri, di mana prompt sederhana untuk image bisa
 Lu gak harus jadi expert buat bisa prompting. Cukup punya pola pikir instruktif. Karena hari ini, *cara lu ngobrol ke AI = cara lu ngatur hasil kerja*.
 
 > Daripada rekrut “prompt engineer”, mending fokus bangun **budaya prompting** di dalam tim. Ajari orang untuk mikir pakai instruksi, bukan cuma ngejar hasil. Karena kualitas AI = seberapa bagus kita nge-brief dia.
-
----
-
-### Referensi
-- [latent.space](https://www.latent.space)
-- [OpenAI Cookbook](https://github.com/openai/openai-cookbook)
-- [UX Collective - Prompting as UX](https://uxdesign.cc)

src/designs/styles/content-parser.css

@@ -31,11 +31,14 @@
 
   blockquote {
     @apply border-l-4 border-primary pl-4 italic;
-    & p:first-of-type::before {
-      @apply content-none;
-    }
-    & p:last-of-type::after {
-      @apply content-none;
+    p {
+      @apply mt-0;
+      &:first-of-type::before {
+        @apply content-none;
+      }
+      &:last-of-type::after {
+        @apply content-none;
+      }
     }
   }
 }

src/packages/components/base/Displays/HeroCard.tsx

@@ -15,9 +15,9 @@ function HeroCard(_props: PropsWithChildren<CardProps>) {
       {...cardProps}
       className={cn([
         'base-container card-body shadow-xl rounded-3xl mx-auto',
-        'py-6 px-7',
-        'sm:py-9 sm:px-10',
-        'md:py-11 md:px-14',
+        'py-6 px-7!',
+        'sm:py-8! sm:px-9!',
+        'md:py-10! md:px-11!',
         'min-h-[500px]',
         className
       ])}