[Backport 12.4] [TASK] Update Screenshots for backend overview (#558)

* [TASK] Update Screenshots for backend overview

And adjust descriptions around it

Releases: main, 13.4, 12.4

* Apply suggestions from code review

---------

Co-authored-by: lina.wolf <[email protected]>
Co-authored-by: Lina Wolf <[email protected]>

Author: github-actions[bot]

Documentation/Concepts/Backend/GeneralBackendStructure/Index.rst

@@ -1,8 +1,5 @@
+:navigation-title: Structure
 .. include:: /Includes.rst.txt
-.. index::
-   Backend
-   Modules
-.. _docheader:
 .. _general-backend-structure:
 
 =========================
@@ -11,34 +8,31 @@ General backend structure
 
 Here is a complete overview of the backend interface and its structure.
 
-Situated in the center left of page is the
-*page tree* and to its right the (main) *content area*.
-
-Top bar (top)
-   This gives you access to your user settings, logout, search
-   etc.
+.. figure:: /Images/ManualScreenshots/Backend/BackendAreasOverviewShort.png
+   :alt: Screenshot of the TYPO3 Backend after login, with annotated parts
 
-Module menu (left)
-   This is the main menu of the TYPO3 CMS backend. It is divided
-   into main modules (:guilabel:`WEB`, :guilabel:`FILE`, etc.) and
-   their sub-modules.
+   Overview of the whole TYPO3 CMS backend
 
-Page tree (middle)
-   This can be used to browse through and select pages.
+Situated in the center left of page is the
+*page tree* and to its right the (main) *content area*.
 
-Content area (right)
-   This is where you can edit pages and content elements.
+:ref:`Top bar <top-bar>` (1)
+    This gives you access to your user settings, logout, search
+    etc.
 
-Docheader (top)
-   The *docheader* contains contextual icons including close, save and preview.
-   It also features other information and a drop-down menu with further actions
-   which will appear depending on what actions you are performing.
+Module menu (2)
+    This is the main menu of the TYPO3 CMS backend. It is divided
+    into main modules (:guilabel:`WEB`, :guilabel:`FILE`, etc.) and
+    their sub-modules.
 
-.. include:: /Images/AutomaticScreenshots/BackendOverview/BackendAreasOverview.rst.txt
+:ref:`Page tree <page-tree>` (3)
+    This can be used to browse through and select pages.
 
-We will have a closer look at the individual parts in the next pages.
+Docheader (4) and Content area (5)
+    The content in these areas depends on which backend module is currently
+    opened.
 
-..  toctree::
+..  toctree:: The backend structure in depth
     :maxdepth: 1
     :titlesonly:
 

Documentation/Concepts/Backend/GeneralBackendStructure/PageTree/Index.rst

@@ -6,8 +6,6 @@
 Page tree
 =========
 
-.. sectionauthor:: name <email>
-
 The page tree represents the hierarchical structure of your site and its pages. In
 most cases this corresponds exactly to the navigation structure
 of your web site. The page tree can be expanded by clicking
@@ -55,10 +53,6 @@ page in the frontend corresponds to the entries beneath "Content Examples" in th
 Working with the page tree
 ==========================
 
-Remember the components of the backend from the :ref:`previous page <general-backend-structure>`?
-
-.. include:: /Images/AutomaticScreenshots/BackendOverview/BackendAreasOverview.rst.txt
-
 We will now look at some components of the page tree a little more closely:
 
 

Documentation/Concepts/Backend/Index.rst

@@ -7,13 +7,16 @@
 Backend
 =======
 
-The backend is the administrative side of the CMS. It is only accessible to
-users who have been granted the correct access. The :ref:`frontend` is what the visitor
-sees when browsing the site.
+.. figure:: /Images/ManualScreenshots/Backend/BackendAreasOverviewShort.png
+   :alt: Screenshot of the TYPO3 Backend after login, with annotated parts
 
-The backend is where users create and publish content for their site. It is also
-where TYPO3 installations are configured. This includes setting domains and
-languages, adding backend users and managing third-party extensions.
+   Overview of the whole TYPO3 backend, see also :ref:`general-backend-structure`
+
+The backend is the administrative side of the CMS, accessible only to users
+with the correct permissions. It allows users to create and publish content,
+configure the site (like settings, domains, languages), manage backend users,
+and handle third-party extensions. The :ref:`frontend` is what visitors
+see when browsing the site.
 
 ..  toctree::
     :maxdepth: 1