docs: Uploaded better quality images/videos

Author: stanleyoos

static/assets/7.x/fundamentals/BasicAppUsingStackNavigator.jpeg

@@ -59,7 +59,7 @@ function App() {
 export default App;
 ```
 
-![Basic app using stack navigator](/assets/navigators/stack/basic_stack_nav.png)
+<img src="/assets/7.x/fundamentals/basicAppUsingStackNavigator.jpeg" width="300" alt="Basic app using stack navigator" />
 
 If you run this code, you will see a screen with an empty navigation bar and a grey content area containing your `HomeScreen` component (shown above). The styles you see for the navigation bar and the content area are the default configuration for a stack navigator, we'll learn how to configure those later.
 

static/assets/7.x/fundamentals/NavigateBasic.mp4

@@ -59,7 +59,7 @@ function App() {
 export default App;
 ```
 
-![Basic app using stack navigator](/assets/navigators/stack/basic_stack_nav.png)
+<img src="/assets/7.x/fundamentals/basicAppUsingStackNavigator.jpeg" width="300" alt="Basic app using stack navigator" />
 
 If you run this code, you will see a screen with an empty navigation bar and a grey content area containing your `HomeScreen` component (shown above). The styles you see for the navigation bar and the content area are the default configuration for a stack navigator, we'll learn how to configure those later.
 

static/assets/7.x/fundamentals/navigateAgain.mp4

@@ -52,7 +52,7 @@ function HomeScreen({ navigation }) {
 ```
 
 <video playsInline autoPlay muted loop>
-  <source src="/assets/navigators/stack/simple-details.mp4" />
+  <source src="/assets/7.x/fundamentals/NavigateBasic.mp4" />
 </video>
 
 Let's break this down:
@@ -100,7 +100,7 @@ Let's suppose that we actually _want_ to add another details screen. This is pre
 ```
 
 <video playsInline autoPlay muted loop>
-  <source src="/assets/navigators/stack/stack-push.mp4" />
+  <source src="/assets/7.x/fundamentals/navigateAgain.mp4" />
 </video>
 
 Each time you call `push` we add a new route to the navigation stack. When you call `navigate` it first tries to find an existing route with that name, and only pushes a new route if there isn't yet one on the stack.

versioned_docs/version-5.x/hello-react-navigation.md

@@ -118,7 +118,7 @@ export default function App() {
 </TabItem>
 </Tabs>
 
-![Basic app using stack navigator](/assets/navigators/stack/basic_stack_nav.png)
+<img src="/assets/7.x/fundamentals/basicAppUsingStackNavigator.jpeg" width="300" alt="Basic app using stack navigator" />
 
 If you run this code, you will see a screen with an empty navigation bar and a grey content area containing your `HomeScreen` component (shown above). The styles you see for the navigation bar and the content area are the default configuration for a stack navigator, we'll learn how to configure those later.
 

versioned_docs/version-6.x/hello-react-navigation.md

@@ -82,7 +82,7 @@ export default function App() {
 ```
 
 <video playsInline autoPlay muted loop>
-  <source src="/assets/navigators/stack/simple-details.mp4" />
+  <source src="/assets/7.x/fundamentals/NavigateBasic.mp4" />
 </video>
 
 Let's break this down:
@@ -213,7 +213,7 @@ export default function App() {
 ```
 
 <video playsInline autoPlay muted loop>
-  <source src="/assets/navigators/stack/stack-push.mp4" />
+  <source src="/assets/7.x/fundamentals/navigateAgain.mp4" />
 </video>
 
 Each time you call `push` we add a new route to the navigation stack. When you call `navigate` it first tries to find an existing route with that name, and only pushes a new route if there isn't yet one on the stack.