chore(docs): clean up and add new content (#15003)

* wip: Install

* wip: sharing

* wip: features

* wip: features

* wip: tags and folder view

* update links

* fix: broken reference to page sections

* pr feedback

* Update docs/docs/overview/comparison.md

Co-authored-by: Daniel Dietzler <36593685+danieldietzler@users.noreply.github.com>

* webp

* webp is glory

* webp is glory

---------

Co-authored-by: Daniel Dietzler <36593685+danieldietzler@users.noreply.github.com>

docs/docs/guides/custom-map-styles.md

@@ -22,6 +22,6 @@ Customizing the map style can be done easily using Maptiler, if you do not want
 2. Once logged in, you can either create a brand new map by clicking on **New Map**, selecting a starter map, and then clicking **Customize**, OR by selecting a **Standard Map** and customizing it from there.
 3. The **editor** interface is self-explanatory. You can change colors, remove visible layers, or add optional layers (e.g., administrative, topo, hydro, etc.) in the composer.
 4. Once you have your map composed, click on **Save** at the top right. Give it a unique name to save it to your account.
-5. Next, **Publish** your style using the **Publish** button at the top right. This will deploy it to production, which means it is able to be exposed over the Internet. Maptiler will present an interactive side-by-side map with the original and your changes prior to publication.<br/>![Maptiler Publication Settings](img/immich_map_styles_publish.png)
+5. Next, **Publish** your style using the **Publish** button at the top right. This will deploy it to production, which means it is able to be exposed over the Internet. Maptiler will present an interactive side-by-side map with the original and your changes prior to publication.<br/>![Maptiler Publication Settings](img/immich_map_styles_publish.webp)
 6. Maptiler will warn you that changing the map will change it across all apps using the map. Since no apps are using the map yet, this is okay.
 7. Clicking on the name of your new map at the top left will bring you to the item's **details** page. From here, copy the link to the JSON style under **Use vector style**. This link will automatically contain your personal API key to Maptiler.

docs/docs/guides/database-gui.md

@@ -36,7 +36,7 @@ Open [localhost:8888](http://localhost:8888) and login with the default credenti
 
 Right click on `Servers` and click on `Register >> Server..` then enter the values below in the `Connection` tab.
 
-<img src={require('./img/pgadmin-add-new-server.png').default} width="50%" title="new server option" />
+<img src={require('./img/pgadmin-add-new-server.webp').default} width="50%" title="new server option" />
 
 :::note
 The parameters used here match those specified in the example `.env` file. If you have changed your `.env` file, you'll need to adjust accordingly.

docs/docs/guides/external-library.md

@@ -1,6 +1,6 @@
 # External Library
 
-This guide walks you through adding an [External Library](/docs/features/libraries#external-libraries).
+This guide walks you through adding an [External Library](/docs/features/libraries).
 This guide assumes you are running Immich in Docker and that the files you wish to access are stored
 in a directory on the same machine.
 
@@ -24,40 +24,40 @@ Restart Immich by running `docker compose up -d`.
 In the Immich web UI:
 
 - click the **Administration** link in the upper right corner.
-  <img src={require('./img/administration-link.png').default} width="50%" title="Administration link" />
+  <img src={require('./img/administration-link.webp').default} width="50%" title="Administration link" />
 
 - Select the **External Libraries** tab
-  <img src={require('./img/external-libraries.png').default} width="50%" title="External Libraries tab" />
+  <img src={require('./img/external-libraries.webp').default} width="50%" title="External Libraries tab" />
 
 - Click the **Create Library** button
-  <img src={require('./img/create-external-library.png').default} width="50%" title="Create Library button" />
+  <img src={require('./img/create-external-library.webp').default} width="50%" title="Create Library button" />
 
 - In the dialog, select which user should own the new library
-  <img src={require('./img/library-owner.png').default} width="50%" title="Library owner diaglog" />
+  <img src={require('./img/library-owner.webp').default} width="50%" title="Library owner diaglog" />
 
 - Click the three-dots menu and select **Edit Import Paths**
-  <img src={require('./img/edit-import-paths.png').default} width="50%" title="Edit Import Paths menu option" />
+  <img src={require('./img/edit-import-paths.webp').default} width="50%" title="Edit Import Paths menu option" />
 
 - Click Add path
-  <img src={require('./img/add-path-button.png').default} width="50%" title="Add Path button" />
+  <img src={require('./img/add-path-button.webp').default} width="50%" title="Add Path button" />
 
 - Enter **/usr/src/app/external** as the path and click Add
-  <img src={require('./img/add-path-field.png').default} width="50%" title="Add Path field" />
+  <img src={require('./img/add-path-field.webp').default} width="50%" title="Add Path field" />
 
 - Save the new path
-  <img src={require('./img/path-save.png').default} width="50%" title="Path Save button" />
+  <img src={require('./img/path-save.webp').default} width="50%" title="Path Save button" />
 
 - Click the three-dots menu and select **Scan New Library Files**
-  <img src={require('./img/scan-new-library-files.png').default} width="50%" title="Scan New Library Files menu option" />
+  <img src={require('./img/scan-new-library-files.webp').default} width="50%" title="Scan New Library Files menu option" />
 
 # Confirm stuff is happening
 
 - Click **Administration**
-  <img src={require('./img/administration-link.png').default} width="50%" title="Administration link" />
+  <img src={require('./img/administration-link.webp').default} width="50%" title="Administration link" />
 
 - Select the **Jobs** tab
-  <img src={require('./img/jobs-tab.png').default} width="50%" title="Jobs tab" />
+  <img src={require('./img/jobs-tab.webp').default} width="50%" title="Jobs tab" />
 
 - You should see non-zero Active jobs for
   Library, Generate Thumbnails, and Extract Metadata.
-  <img src={require('./img/job-status.png').default} width="50%" title="Job Status display" />
+  <img src={require('./img/job-status.webp').default} width="50%" title="Job Status display" />

docs/docs/guides/smtp-gmail.md

@@ -17,4 +17,4 @@ At the end of creating your app passwords, a password will be displayed; save it
 
 Entering your credential in Immich's email notification settings at `Administration -> Settings -> Notification Settings`
 
-<img src={require('./img/email-settings.png').default} width="80%" title="SMTP settings" />
+<img src={require('./img/email-settings.webp').default} width="80%" title="SMTP settings" />