docs: Updated photos for fundamentals - configure the header

Author: stanleyoos

static/assets/7.x/fundamentals/adjustHeaderStyle.png

@@ -26,7 +26,7 @@ function StackScreen() {
 }
 ```
 
-![Header title](/assets/headers/header-title.png)
+<img src="/assets/7.x/fundamentals/headerTitle.png" width="500" alt="Header title" />
 
 ## Using params in the title
 
@@ -107,7 +107,7 @@ function StackScreen() {
 }
 ```
 
-![Custom header styles](/assets/headers/custom_headers.png)
+<img src="/assets/7.x/fundamentals/adjustHeaderStyle.png" width="500" alt="Adjust header style" />
 
 There are a couple of things to notice here:
 
@@ -175,7 +175,7 @@ function StackScreen() {
 }
 ```
 
-![Header custom title](/assets/headers/header-custom-title.png)
+<img src="/assets/7.x/fundamentals/headerCustomComponent.png" width="500" alt="Header custom component" />
 
 :::note
 

static/assets/7.x/fundamentals/headerCustomComponent.png

@@ -159,7 +159,7 @@ function CreatePostScreen({ navigation, route }) {
 ```
 
 <video playsInline autoPlay muted loop>
-  <source src="/assets/navigators/params-to-parent.mp4" />
+  <source src="/assets/7.x/fundamentals/navigatePassParamsToPrevScreen.mp4" />
 </video>
 
 Here, after you press "Done", the home screen's `route.params` will be updated to reflect the post text that you passed in `navigate`.

static/assets/7.x/fundamentals/headerTitle.png

@@ -101,7 +101,7 @@ export default function App() {
 </TabItem>
 </Tabs>
 
-![Header title](/assets/headers/header-title.png)
+<img src="/assets/7.x/fundamentals/headerTitle.png" width="500" alt="Header title" />
 
 ## Using params in the title
 
@@ -416,7 +416,7 @@ export default function App() {
 </TabItem>
 </Tabs>
 
-![Custom header styles](/assets/headers/custom_headers.png)
+<img src="/assets/7.x/fundamentals/adjustHeaderStyle.png" width="500" alt="Adjust header style" />
 
 There are a couple of things to notice here:
 
@@ -671,12 +671,13 @@ export default function App() {
 }
 ```
 
-![Header custom title](/assets/headers/header-custom-title.png)
 
-You might be wondering, why `headerTitle` when we provide a component and not `title`, like before? The reason is that `headerTitle` is a property that is specific to stack navigators, the `headerTitle` defaults to a `Text` component that displays the `title`.
+
 </TabItem>
 </Tabs>
 
+<img src="/assets/7.x/fundamentals/headerCustomComponent.png" width="500" alt="Header custom component" />
+
 :::note
 
 You might be wondering, why `headerTitle` when we provide a component and not `title`, like before? The reason is that `headerTitle` is a property that is specific to headers, whereas `title` will be used for tab bars, drawers etc. as well. The `headerTitle` defaults to a `Text` component that displays the `title`.

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

@@ -102,7 +102,7 @@ export default function App() {
 ```
 
 <video playsInline autoPlay muted loop>
-  <source src="/assets/7.x/fundamentals/navigatePassParams.mp4" />
+  <source src="/assets/7.x/fundamentals/navigatePassParamsToPrevScreen.mp4" />
 </video>
 
 ## Initial params