Bring core privacy features forward

[raksooo]

This PR brings core privacy features forward. The changes include:

• Move Multihop and DAITA to be accessible from Settings.tsx
• Move Multihop setting into a dedicated view
• Add illustrations and more information to the Multihop and DAITA views
• Remove multihop confirmation dialog

To be able to show the information in a paged layout in DaitaSettings.tsx I implemented the component PageSlider.tsx.

---

This change is 

[linear]

DES-1065 Implement design for brought forward features

[hulthe]

Reviewed 1 of 5 files at r1, 3 of 4 files at r4, 1 of 2 files at r5, 2 of 3 files at r7, 3 of 3 files at r8, 1 of 1 files at r9, 1 of 1 files at r10, 1 of 1 files at r11, 2 of 2 files at r12, all commit messages.
Reviewable status: all files reviewed, 2 unresolved discussions (waiting on @MrChocolatine and @raksooo)

---

gui/src/renderer/components/PageSlider.tsx line 159 at r11 (raw file):

  [`${StyledTransparentButton}:hover &&`]: {
    backgroundColor: props.$current ? colors.white80 : colors.white80,

white80 or white80?

[raksooo]

Reviewable status: 4 of 13 files reviewed, 1 unresolved discussion (waiting on @hulthe and @MrChocolatine)

---

gui/src/renderer/components/PageSlider.tsx line 159 at r11 (raw file):

Previously, hulthe (Joakim Hulthe) wrote…

white80 or white80?

Oops, fixed!

[hulthe]

Reviewed 9 of 9 files at r14, all commit messages.
Reviewable status: all files reviewed, 1 unresolved discussion (waiting on @MrChocolatine)

[MarkusPettersson98]

Reviewed 1 of 5 files at r1, 3 of 4 files at r4, 9 of 9 files at r13, 9 of 9 files at r14, all commit messages.
Reviewable status: all files reviewed, 2 unresolved discussions (waiting on @MrChocolatine and @raksooo)

---

gui/src/renderer/components/DaitaSettings.tsx line 2 at r14 (raw file):

import { useCallback } from 'react';
import React from 'react';

Nit These imports could be consolidated into one line

import React, { useCallback } from 'react';

Code quote:

import { useCallback } from 'react';
import React from 'react';

[raksooo]

Reviewable status: 1 of 13 files reviewed, 1 unresolved discussion (waiting on @hulthe, @MarkusPettersson98, and @MrChocolatine)

---

gui/src/renderer/components/DaitaSettings.tsx line 2 at r14 (raw file):

Previously, MarkusPettersson98 (Markus Pettersson) wrote…

Nit These imports could be consolidated into one line

import React, { useCallback } from 'react';

Done.

[hulthe]

Reviewed 3 of 4 files at r17, 1 of 2 files at r18, 2 of 3 files at r20, 3 of 3 files at r21, 1 of 1 files at r22, 1 of 1 files at r23, 1 of 1 files at r24, all commit messages.
Reviewable status: all files reviewed, 1 unresolved discussion (waiting on @MrChocolatine)