Fix list-style-type documentation playground/code mismatch

Update HTML code snippets to match the interactive playground examples:
- Add missing 'list-inside' class to all three examples
- Change <ol> to <ul> for list-decimal example to match playground

Fixes #2255

Author: Ahmed-aleryani

src/docs/list-style-type.mdx

@@ -56,20 +56,20 @@ Use utilities like `list-disc` and `list-decimal` to control the style of the ma
 </Example>
 
 ```html
-<!-- [!code classes:list-disc] -->
-<ul class="list-disc">
+<!-- [!code classes:list-disc,list-inside] -->
+<ul class="list-inside list-disc">
   <li>Now this is a story all about how, my life got flipped-turned upside down</li>
   <!-- ... -->
 </ul>
 
-<!-- [!code classes:list-decimal] -->
-<ol class="list-decimal">
+<!-- [!code classes:list-decimal,list-inside] -->
+<ul class="list-inside list-decimal">
   <li>Now this is a story all about how, my life got flipped-turned upside down</li>
   <!-- ... -->
-</ol>
+</ul>
 
-<!-- [!code classes:list-none] -->
-<ul class="list-none">
+<!-- [!code classes:list-none,list-inside] -->
+<ul class="list-inside list-none">
   <li>Now this is a story all about how, my life got flipped-turned upside down</li>
   <!-- ... -->
 </ul>