docs: replace recorded gif with animated svg

docs/pages/build.md

@@ -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/pages/create.md

@@ -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.
 

lefthook.yml

@@ -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: