docs: fix broken documentation links after upgrading docs to docusaurus (#3734)

Author: josemak25

.github/ISSUE_TEMPLATE/config.yml

@@ -1,10 +1,10 @@
 blank_issues_enabled: false
 contact_links:
   - name: Getting Started
-    url: https://callstack.github.io/react-native-paper/getting-started.html
+    url: https://callstack.github.io/react-native-paper/docs/guides/getting-started
     about: Read how to get started with react-native-paper.
   - name: Documentation
-    url: https://callstack.github.io/react-native-paper/index.html
+    url: https://callstack.github.io/react-native-paper
     about: Read the official documentation.
   - name: Example
     url: https://snack.expo.dev/@react-native-paper/react-native-paper-example_v5

README.md

@@ -32,7 +32,7 @@ Check the components and their usage in our [documentation](https://callstack.gi
 
 - Follows [material design guidelines](https://m3.material.io/get-started/)
 - Works on both iOS and Android following [platform adaptation guidelines](https://material.io/design/platform-guidance/cross-platform-adaptation.html)
-- Full [theming support](https://callstack.github.io/react-native-paper/theming.html)
+- Full [theming support](https://callstack.github.io/react-native-paper/docs/guides/theming)
 
 ## Try it out
 

docs/docs/guides/02-theming.mdx

@@ -502,7 +502,7 @@ export default function App() {
 
 ### Migrating to Material You
 
-If you are migrating from Material Design 2 (4.x and lower) to Material You (5.x), please refer to our [Migration Guide](https://callstack.github.io/react-native-paper/introducing-v5-with-material-you.html)
+If you are migrating from Material Design 2 (4.x and lower) to Material You (5.x), please refer to our [Migration Guide](https://callstack.github.io/react-native-paper/docs/guides/migration-guide-to-5.0)
 
 ## Applying a theme to a paper component
 

docs/docs/guides/08-theming-with-react-navigation.md

@@ -245,7 +245,7 @@ We don't need to limit ourselves to the themes offered by the libraries in defau
 You can learn all about it their documentations:
 
 - [Theming in React Navigation](https://reactnavigation.org/docs/themes/)
-- [Theming in React Native Paper](https://callstack.github.io/react-native-paper/theming.html)
+- [Theming in React Native Paper](https://callstack.github.io/react-native-paper/docs/guides/theming)
 
 ## React Context for theme customization
 
@@ -309,7 +309,7 @@ export default function App() {
 }
 ```
 
-Now that the Context is available at every component, all we need to do is import it. Next thing is to provide the user with some UI element to control changing the theme. We will use `Paper`'s [Switch](https://callstack.github.io/react-native-paper/switch.html) for this purpose.
+Now that the Context is available at every component, all we need to do is import it. Next thing is to provide the user with some UI element to control changing the theme. We will use `Paper`'s [Switch](https://callstack.github.io/react-native-paper/docs/components/Switch) for this purpose.
 
 ```js
 import React from 'react';
@@ -349,6 +349,6 @@ React Native Paper components will automatically use provided theme thanks to th
 exposed by the library. You can see how it's done in the `Header` component code above.
 
 If light/dark themes are not enough for your use case, you can learn more about creating Material Design themes [here](https://material.io/design/material-theming/implementing-your-theme.html#color).
-On `main` branch of the example app, you will find implemented [Menu](https://callstack.github.io/react-native-paper/menu.html) component, which allows to choose a few custom themes. Inspecting code in `utils` and `Header` may give you some idea how to use your own themes with `Paper`, in addition to dedicated [docs](https://callstack.github.io/react-native-paper/menu.html).
+On `main` branch of the example app, you will find implemented [Menu](https://callstack.github.io/react-native-paper/docs/components/Menu) component, which allows to choose a few custom themes. Inspecting code in `utils` and `Header` may give you some idea how to use your own themes with `Paper`, in addition to dedicated [docs](https://callstack.github.io/react-native-paper/docs/components/Menu).
 
 Read more about integrating `Paper` with `React Navigation` in a brilliant [article](https://reactnavigation.org/blog/2020/01/29/using-react-navigation-5-with-react-native-paper/) by [@trensik](https://twitter.com/trensik)

docs/docs/guides/10-migration-guide-to-5.0.md

@@ -48,7 +48,7 @@ theme: {
 }
 ```
 
-Read more about using Material Design 2 in our [Material Design 2 theming guide](https://callstack.github.io/react-native-paper/theming.html#material-design-2)
+Read more about using Material Design 2 in our [Material Design 2 theming guide](https://callstack.github.io/react-native-paper/docs/guides/theming#material-design-2)
 
 ### Colors
 
@@ -188,7 +188,7 @@ To use your current font config from <b>v2</b> and migrate to <b>v3</b> there ar
 + configureFonts({config: fontConfig, isV3: false})
 ```
 
-📍Note: If you want to check how to use `configureFonts` on MD3, check the [Fonts](https://callstack.github.io/react-native-paper/fonts.html) guide.
+📍Note: If you want to check how to use `configureFonts` on MD3, check the [Fonts](https://callstack.github.io/react-native-paper/docs/guides/fonts.html) guide.
 
 ## Components
 

docs/docs/guides/9-react-navigation.md

@@ -11,7 +11,7 @@ title: Integrate AppBar with react-navigation
 
 We assume that you have already installed the mentioned libraries above, otherwise please check out the guides below.
 
- [React Native Paper - Getting Started](https://callstack.github.io/react-native-paper/getting-started.html)
+ [React Native Paper - Getting Started](https://callstack.github.io/react-native-paper/docs/guides/getting-started)
 
  [React Navigation - Getting Started](https://reactnavigation.org/docs/getting-started/)
 

docs/public/3.0/appbar.html

@@ -28,7 +28,7 @@
 The top bar usually contains the screen title, controls such as navigation buttons, menu button etc.
 The bottom bar usually provides access to a drawer and up to four actions.</p>
 <p>By default Appbar uses primary color as a background, in dark theme with <code>adaptive</code> mode it will use surface colour instead.
-See <a href="https://callstack.github.io/react-native-paper/theming.html#dark-theme">Dark Theme</a> for more informations</p>
+See <a href="https://callstack.github.io/react-native-paper/3.0/theming#dark-theme">Dark Theme</a> for more informations</p>
 <div class="screenshots">
   <img class="medium" src="screenshots/appbar.png" />
 </div>

docs/public/3.0/bottom-navigation.html

@@ -28,7 +28,7 @@
 It is primarily designed for use on mobile.</p>
 <p>For integration with React Navigation, you can use <a href="https://github.com/react-navigation/react-navigation-material-bottom-tab-navigator">react-navigation-material-bottom-tab-navigator</a>.</p>
 <p>By default Bottom navigation uses primary color as a background, in dark theme with <code>adaptive</code> mode it will use surface colour instead.
-See <a href="https://callstack.github.io/react-native-paper/theming.html#dark-theme">Dark Theme</a> for more informations</p>
+See <a href="https://callstack.github.io/react-native-paper/3.0/theming#dark-theme">Dark Theme</a> for more informations</p>
 <div class="screenshots">
   <img class="medium" src="screenshots/bottom-navigation.gif" />
 </div>