docs: update the planning sim demo images

docs/demos/planning-simulation.md

@@ -56,11 +56,25 @@ ros2 launch autoware_launch planning_simulator.launch.xml map_path:=$HOME/autowa
 
     If `~` is used, the map will fail to load.
 
-![after-autoware-launch](images/planning/lane-following/after-autoware-launch.png)
+![after-autoware-launch](images/planning/others/after-autoware-launch.png)
+
+If you encounter a situation where the simulation is running but the view is not visible in Autoware like below, please follow these steps:
+
+![after-autoware-launch-error](images/planning/others/wrong-rviz-view.png)
+
+Double-Click on 'TopDownOrtho' View
+Navigate to the Views section on the right panel and double-click on the TopDownOrtho option to properly display the simulation.
+
+Manually Select the View (If Needed)
+If the view still does not appear, try the following:
+
+Go to the Views section.
+Select a different view (e.g., ThirdPersonFollower) and then re-select TopDownOrtho.
+By following these steps, the simulation view should load correctly.
 
 #### 2. Set an initial pose for the ego vehicle
 
-![set-initial-pose](images/planning/lane-following/set-initial-pose.png)
+![set-initial-pose](images/planning/others/After%20Initializing%202D%20Pose.png)
 
 a) Click the `2D Pose estimate` button in the toolbar, or hit the `P` key.
 
@@ -78,7 +92,7 @@ a) Click the `2D Goal Pose` button in the toolbar, or hit the `G` key.
 
 b) In the 3D View pane, click and hold the left-mouse button, and then drag to set the direction for the goal pose. If done correctly, you will see a planned path from initial pose to goal pose.
 
-![set-goal-pose](images/planning/lane-following/set-goal-pose.png)
+![set-goal-pose](images/planning/others/goal%20pose.png)
 
 #### 4. Start the ego vehicle
 
@@ -92,24 +106,25 @@ ros2 service call /api/operation_mode/change_to_autonomous autoware_adapi_v1_msg
 
 After that, you can see `AUTONOMOUS` sign on `OperationMode` and `AUTO` button is grayed out.
 
-![start-driving](images/planning/lane-following/start-driving.png)
+![start-driving](images/planning/others/start%20goal%20pose.png)
 
 ### Parking scenario
 
 1. Set an initial pose and a goal pose, and engage the ego vehicle.
 
-   ![after-set-goal-pose](images/planning/parking/after-set-goal-pose.png)
+   ![after-set-goal-pose](images/planning/others/parking%20initial%20pose.png)
 
 2. When the vehicle approaches the goal, it will switch from lane driving mode to parking mode.
 3. After that, the vehicle will reverse into the destination parking spot.
 
-   ![parking-maneuver](images/planning/parking/parking-maneuver.png)
+   ![parking-maneuver](images/planning/others/parking%20moving%201.png)
+   ![parking-maneuver 2](images/planning/others/parking%20moving%202.png)
 
 ### Pull out and pull over scenario
 
 1. In a pull out scenario, set the ego vehicle at the road shoulder.
 
-   ![pullover-pullout](images/planning/pullover-pullout/pullover-pullout.jpg)
+   ![pullover-pullout](images/planning/others/pull%20out%20scenario.png)
 
 2. Set a goal and then engage the ego vehicle.
 
@@ -131,25 +146,25 @@ After that, you can see `AUTONOMOUS` sign on `OperationMode` and `AUTO` button i
    ros2 launch autoware_launch planning_simulator.launch.xml map_path:=$HOME/autoware_map/nishishinjuku_autoware_map vehicle_model:=sample_vehicle sensor_model:=sample_sensor_kit
    ```
 
-   ![open-nishishinjuku-map](images/planning/lane-change/open-nishishinjuku-map.png)
+   ![open-nishishinjuku-map](images/planning/others/nishi%20shinjuku%20map%20.png)
 
 3. Set an initial pose and a goal pose in adjacent lanes.
 
-   ![set-position-and-goal](images/planning/lane-change/set-position-and-goal.png)
+   ![set-position-and-goal](images/planning/others/nishishinjuku%20set%20pose%20.png)
 
 4. Engage the ego vehicle. It will make a lane change along the planned path.
 
-   ![lane-changing](images/planning/lane-change/lane-changing.png)
+   ![lane-changing](images/planning/others/nishi%20shinjuku%20lane%20change%20.png)
 
 ### Avoidance scenario
 
 1. Set an initial pose and a goal pose in the same lane. A path will be planned.
 
-   ![set-position-and-goal](images/planning/avoidance/set-position-and-goal.png)
+   ![set-position-and-goal](images/planning/others/avoidence%20set%20goal.png)
 
 2. Set a "2D Dummy Bus" on the roadside. A new path will be planned.
 
-   ![set-dummy-bus](images/planning/avoidance/set-dummy-bus.png)
+   ![set-dummy-bus](images/planning/others/2d%20dummy%20bus.png)
 
 3. Engage the ego vehicle. It will avoid the obstacle along the newly planned path.
 
@@ -165,19 +180,19 @@ After that, you can see `AUTONOMOUS` sign on `OperationMode` and `AUTO` button i
 
    Changes to the `velocity` parameter will only affect objects placed after the parameter is changed.
 
-   ![set-dummy-car](images/planning/lane-following/place-dummy-car.png)
+   ![set-dummy-car](images/planning/others/advacnce%20dumy%20object%20.png)
 
 4. Delete any dummy objects placed in the view by clicking the `Delete All Objects` button in the toolbar.
 
 5. Click the `Interactive` button in the toolbar to make the dummy object interactive.
 
-   ![set-interactive-dummy-car](images/planning/lane-following/check-interactive.png)
+   ![set-interactive-dummy-car](images/planning/others/interactive%20dummy%20.png)
 
 6. For adding an interactive dummy object, press `SHIFT` and click the `right click`.
 7. For deleting an interactive dummy object, press `ALT` and click the `right click`.
 8. For moving an interactive dummy object, hold the `right click` drag and drop the object.
 
-   ![move-interactive-dummy-car](images/planning/lane-following/move-dummy-object.png)
+   ![move-interactive-dummy-car](images/planning/others/moving%20interactive%20demo%20.png)
 
 ### Traffic light recognition simulation
 
@@ -192,11 +207,13 @@ The following steps explain how to set and reset traffic lights in order to test
 2. In `TrafficLightPublishPanel`, set the `ID` and color of the traffic light.
 
 3. Click the `SET` button.
-   ![set-traffic-light](images/planning/traffic-light/set-traffic-light.png)
+   ![set-traffic-light](images/planning/others/traffic%20light.png)
+   Then you can seen down left side
+   ![set-traffics-light 2](images/planning/others/traffic%20pannel%20down%20.png)
 
 4. Finally, click the `PUBLISH` button to send the traffic light status to the simulator. Any planned path that goes past the selected traffic light will then change accordingly.
 
-![send-traffic-light-color](images/planning/traffic-light/send-traffic-light-color.png)
+![send-traffic-light-color](images/planning/others/traffic%2023.png)
 
 By default, Rviz should display the ID of each traffic light on the map. You can have a closer look at the IDs by zooming in the region or by changing the View type.
 
@@ -208,13 +225,13 @@ b) Check the `traffic_light_id` checkbox.
 
 c) Reload the topic by clicking the `Map` checkbox twice.
 
-![see-traffic-light-ID](images/planning/traffic-light/see-traffic-light-ID.png)
+![see-traffic-light-ID](images/planning/others/last%2045.png)
 
 #### Update/Reset traffic light
 
 You can update the color of the traffic light by selecting the next color (in the image it is `GREEN`) and clicking `SET` button. In the image the traffic light in front of the ego vehicle changed from `RED` to `GREEN` and the vehicle restarted.
 
-![after-traffic-light-color-update](images/planning/traffic-light/after-traffic-light-color-update.png)
+![after-traffic-light-color-update](images/planning/others/traffic%20publish%20green%20.png)
 
 To remove a traffic light from `TrafficLightPublishPanel`, click the `RESET` button.