docs: replace recorded gif with animated svg

This reduces the file size, makes the recording sharp as well as makes the page look better in dark mode.

The recording is done using https://asciinema.org/ and converted to svg with https://github.com/marionebl/svg-term-cli

Author: satya164

docs/assets/create-react-native-library.gif

@@ -21,7 +21,9 @@ To automatically configure your project to use `react-native-builder-bob`, open
 npx react-native-builder-bob@latest init
 ```
 
-This will ask you a few questions and add the required configuration and scripts for building the code. You can find details on what exactly it adds in the [Manual configuration](#manual-configuration) section.
+This will ask you a few questions and add the required configuration and scripts for building the code. The code will be compiled automatically when the package is published.
+
+You can find details on what exactly it adds in the [Manual configuration](#manual-configuration) section.
 
 ## Manual configuration
 
@@ -211,3 +213,5 @@ This builds the project according to the configuration. This is usually run as p
   "prepare": "bob build"
 }
 ```
+
+![Demo](../assets/react-native-builder-bob.svg)

docs/assets/create-react-native-library.svg

@@ -25,7 +25,7 @@ npx create-react-native-library@latest awesome-library
 
 This will ask you a few questions about your project and generate a new project in a folder named `awesome-library`.
 
-![Demo](../assets/create-react-native-library.gif)
+![Demo](../assets/create-react-native-library.svg)
 
 After the project is created, you can find the development workflow in the generated `CONTRIBUTING.md` file.
 

docs/assets/react-native-builder-bob.svg

@@ -9,7 +9,8 @@ pre-commit:
       run: npx tsc --noEmit
     markdown:
       glob: "*.md"
-      run: npx prettier --write {staged_files} && git add {staged_files}
+      run: npx prettier --write {staged_files}
+      stage_fixed: true
 commit-msg:
   parallel: true
   commands: