feat: Add various content types to docusaurus (#7231)

This brings blog posts, showcase posts, and newsletter editions into the Docusaurus site.

It also adds support for using TailwindCSS inside a container. So this will probably end up being the new freesewing.org site in v4.

sites/dev/docs/tutorials/pattern-design/part1/new-design/readme.mdx

@@ -1,6 +1,6 @@
 ---
 title: Setting up the development environment
-order: 20
+sidebar_position: 20
 ---
 
 FreeSewing provides a development environment that visualizes your design for
@@ -18,7 +18,7 @@ It will ask if it is ok to install the development environment in a new folder
 named `freesewing`. You can accept the default, or pick a different folder name
 if you prefer.
 
-It will also ask what package manager you would like to use. 
+It will also ask what package manager you would like to use.
 Here too the default (`npm`) is fine., unless you are certain you have **yarn** installed.
 
 After answering these questions, files will be downloaded, dependencies installed,

sites/dev/docs/tutorials/pattern-design/part1/nodejs/readme.mdx

@@ -1,6 +1,6 @@
 ---
 title: Installing NodeJS
-order: 10
+sidebar_position: 10
 ---
 
 FreeSewing is a JavaScript project, so you need JavaScript to work with it.
@@ -9,14 +9,15 @@ precise. You can switch this website theme from light to dark mode, and
 that would not work without JavaScript.
 
 As a **user** of FreeSewing, this is all you need. To develop with FreeSewing
-you are going to need to be able to run JavaScript *outside* the browser using
-a JavaScript *runtime*. Which just means a thing that can *run* JavaScript.
+you are going to need to be able to run JavaScript _outside_ the browser using
+a JavaScript _runtime_. Which just means a thing that can _run_ JavaScript.
 
 We are going to be using [NodeJS](https://nodejs.org/) in this tutorial. It is
-the most established of the different JavaScript runtimes. But there's also 
-other runtimes like [Deno](https://deno.com/) or [Bun](https://bun.sh/). 
+the most established of the different JavaScript runtimes. But there's also
+other runtimes like [Deno](https://deno.com/) or [Bun](https://bun.sh/).
 
 ## Install
+
 If you don't have NodeJS on your system, you can go to
 [NodeJS.org](https://nodejs.org/) and follow the install instructions.
 

sites/dev/docs/tutorials/pattern-design/part1/sde/readme.mdx

@@ -1,6 +1,6 @@
 ---
 title: The FreeSewing development environment
-order: 30
+sidebar_position: 30
 ---
 
 If you have been to FreeSewing.org the FreeSewing development environment will look familiar.
@@ -44,4 +44,3 @@ For the following along this tutorial, you have two options:
 - Pick **From scratch** if you prefer to actively participate by recreating the design in this tutorial.
 
 I recommend the latter. You will learn (and remember) a lot more if you are actively engaging.
-

sites/dev/docs/tutorials/pattern-design/part1/structure/readme.mdx

@@ -1,6 +1,6 @@
 ---
 title: Folder structure
-order: 40
+sidebar_position: 40
 ---
 
 Inside the `freesewing` folder -- which might have a different name if that is
@@ -23,10 +23,10 @@ this menu:
 ![Design templates provided by the FreeSewing development environment](./templates.png)
 
 As you might have guessed by now, each of these options is contained in its
-own subfolder under `designs`. 
+own subfolder under `designs`.
 
 You can edit the files under `designs/[template]/src/` and the changes you make
 will be reflected in the development environment.
 
-Don't take my word for it though. Let's start doing exactly that 
+Don't take my word for it though. Let's start doing exactly that
 in [Part 2](/tutorials/pattern-design/part2).