From cfd16e5bb18c654f7ddd27c97d9972fef5bda730 Mon Sep 17 00:00:00 2001
From: lodufour1 <louis.dufour@etu.uca.fr>
Date: Wed, 6 Sep 2023 17:45:31 +0200
Subject: [PATCH] Add (Vu_homePage): Ajout des icones

---
 BookApp/BookApp/AppShell.xaml                 |  6 +++---
 BookApp/BookApp/BookApp.csproj                |  2 --
 BookApp/BookApp/MainPage.xaml.cs              | 13 ++++++++----
 .../Resources/Images/arrow_forward.svg        |  3 +++
 .../Resources/Images/bookmark_fill.svg        | 10 ++++++++++
 BookApp/BookApp/Resources/Images/calendar.svg | 20 +++++++++++++++++++
 .../Resources/Images/chevron_right.svg        |  3 +++
 .../BookApp/Resources/Images/eyeglasses.svg   | 10 ++++++++++
 .../BookApp/Resources/Images/heart_fill.svg   | 10 ++++++++++
 .../BookApp/Resources/Images/list_bullet.svg  |  8 ++++++++
 .../Resources/Images/magnifyingglass.svg      | 10 ++++++++++
 .../Images/person_badge_clock_fill.svg        | 13 ++++++++++++
 .../BookApp/Resources/Images/person_fill.svg  | 10 ++++++++++
 BookApp/BookApp/Resources/Images/sparkles.svg | 12 +++++++++++
 BookApp/BookApp/Resources/Images/tag_fill.svg | 10 ++++++++++
 .../BookApp/Resources/Images/tray_2_fill.svg  | 12 +++++++++++
 16 files changed, 143 insertions(+), 9 deletions(-)
 create mode 100644 BookApp/BookApp/Resources/Images/arrow_forward.svg
 create mode 100644 BookApp/BookApp/Resources/Images/bookmark_fill.svg
 create mode 100644 BookApp/BookApp/Resources/Images/calendar.svg
 create mode 100644 BookApp/BookApp/Resources/Images/chevron_right.svg
 create mode 100644 BookApp/BookApp/Resources/Images/eyeglasses.svg
 create mode 100644 BookApp/BookApp/Resources/Images/heart_fill.svg
 create mode 100644 BookApp/BookApp/Resources/Images/list_bullet.svg
 create mode 100644 BookApp/BookApp/Resources/Images/magnifyingglass.svg
 create mode 100644 BookApp/BookApp/Resources/Images/person_badge_clock_fill.svg
 create mode 100644 BookApp/BookApp/Resources/Images/person_fill.svg
 create mode 100644 BookApp/BookApp/Resources/Images/sparkles.svg
 create mode 100644 BookApp/BookApp/Resources/Images/tag_fill.svg
 create mode 100644 BookApp/BookApp/Resources/Images/tray_2_fill.svg

diff --git a/BookApp/BookApp/AppShell.xaml b/BookApp/BookApp/AppShell.xaml
index d99b0d4..b991a8e 100644
--- a/BookApp/BookApp/AppShell.xaml
+++ b/BookApp/BookApp/AppShell.xaml
@@ -14,16 +14,16 @@
                           Route="Mainpage"/>
         </Tab>
         <Tab Title="My lists"
-            Icon="dog.png">
+            Icon="list_bullet.svg">
             <ShellContent ContentTemplate="{DataTemplate local:Tous}" 
                           Route="Tous"/>
         </Tab>
         <Tab Title="My Readings"
-            Icon="dog.png">
+            Icon="bookmark_fill.svg">
             <ShellContent ContentTemplate="{DataTemplate local:MainPage}" />
         </Tab>
         <Tab Title="Search"
-            Icon="dog.png">
+            Icon="magnifyingglass.svg">
             <ShellContent ContentTemplate="{DataTemplate local:MainPage}" />
         </Tab>
     </TabBar>
diff --git a/BookApp/BookApp/BookApp.csproj b/BookApp/BookApp/BookApp.csproj
index 92c655c..460126f 100644
--- a/BookApp/BookApp/BookApp.csproj
+++ b/BookApp/BookApp/BookApp.csproj
@@ -49,8 +49,6 @@
 	</ItemGroup>
 
 	<ItemGroup>
-		<PackageReference Include="CommunityToolkit.Maui" Version="5.3.0" />
-		<PackageReference Include="CommunityToolkit.Maui.Core" Version="5.3.0" />
 		<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
 	</ItemGroup>
 
diff --git a/BookApp/BookApp/MainPage.xaml.cs b/BookApp/BookApp/MainPage.xaml.cs
index f3547fd..fefd72a 100644
--- a/BookApp/BookApp/MainPage.xaml.cs
+++ b/BookApp/BookApp/MainPage.xaml.cs
@@ -18,10 +18,15 @@ namespace BookApp
             InitializeComponent();
             MyCollections = new ObservableCollection<ObjetTemp>()
             {
-                new ObjetTemp("Item1", "./Reources/Images/books_vertical_fill.svg"),
-                new ObjetTemp("Item1", "./Reources/Images/books_vertical_fill.svg"),
-                new ObjetTemp("Item1", "./Reources/Images/books_vertical_fill.svg"),
-                new ObjetTemp("Item1", "./Reources/Images/books_vertical_fill.svg"),
+                new ObjetTemp("Item1", "./Reources/Images/tray_2_fill.svg"),
+                new ObjetTemp("Item1", "./Reources/Images/person_badge_clock_fill.svg"),
+                new ObjetTemp("Item1", "./Reources/Images/arrow_forward.svg"),
+                new ObjetTemp("Item1", "./Reources/Images/eyeglasses.svg"),
+                new ObjetTemp("Item1", "./Reources/Images/heart_fill.svg"),
+                new ObjetTemp("Item1", "./Reources/Images/tag_fill.svg"),
+                new ObjetTemp("Item1", "./Reources/Images/person_fill.svg"),
+                new ObjetTemp("Item1", "./Reources/Images/calendar.svg"),
+                new ObjetTemp("Item1", "./Reources/Images/sparkles.svg"),
             };
             BindingContext = this;
         }
diff --git a/BookApp/BookApp/Resources/Images/arrow_forward.svg b/BookApp/BookApp/Resources/Images/arrow_forward.svg
new file mode 100644
index 0000000..c8bee21
--- /dev/null
+++ b/BookApp/BookApp/Resources/Images/arrow_forward.svg
@@ -0,0 +1,3 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.7617 13.8828C24.7617 13.5898 24.6445 13.3203 24.4102 13.0977L16.6406 5.35156C16.3828 5.09375 16.1367 5 15.8555 5C15.2812 5 14.8359 5.42188 14.8359 6.00781C14.8359 6.28906 14.9297 6.55859 15.1172 6.74609L17.7422 9.41797L22.3945 13.6602L22.6289 13.0742L18.8555 12.8398H4.03125C3.42188 12.8398 3 13.2734 3 13.8828C3 14.4922 3.42188 14.9258 4.03125 14.9258H18.8555L22.6289 14.6914L22.3945 14.1172L17.7422 18.3477L15.1172 21.0195C14.9297 21.1953 14.8359 21.4766 14.8359 21.7578C14.8359 22.3438 15.2812 22.7656 15.8555 22.7656C16.1367 22.7656 16.3828 22.6602 16.6172 22.4375L24.4102 14.668C24.6445 14.4453 24.7617 14.1758 24.7617 13.8828Z" fill="black" fill-opacity="0.85"/>
+</svg>
diff --git a/BookApp/BookApp/Resources/Images/bookmark_fill.svg b/BookApp/BookApp/Resources/Images/bookmark_fill.svg
new file mode 100644
index 0000000..49644ff
--- /dev/null
+++ b/BookApp/BookApp/Resources/Images/bookmark_fill.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88495)">
+<path d="M7.24219 26.1367C7.81641 26.1367 8.15625 25.8086 9.21094 24.7891L13.793 20.2773C13.8516 20.2188 13.957 20.2188 14.0039 20.2773L18.5859 24.7891C19.6406 25.8086 19.9805 26.1367 20.5547 26.1367C21.3398 26.1367 21.7969 25.6211 21.7969 24.707V4.36328C21.7969 2.13672 20.6836 1 18.4805 1H9.31641C7.11328 1 6 2.13672 6 4.36328V24.707C6 25.6211 6.45703 26.1367 7.24219 26.1367Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88495">
+<rect width="15.7969" height="25.1836" fill="white" transform="translate(6 1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/BookApp/BookApp/Resources/Images/calendar.svg b/BookApp/BookApp/Resources/Images/calendar.svg
new file mode 100644
index 0000000..fcc591e
--- /dev/null
+++ b/BookApp/BookApp/Resources/Images/calendar.svg
@@ -0,0 +1,20 @@
+<svg width="32" height="30" viewBox="0 0 32 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_82363)" filter="url(#filter0_d_2124_82363)">
+<path d="M7.67969 21.5977H23.6875C26.1367 21.5977 27.3555 20.3789 27.3555 17.9648V3.65625C27.3555 1.24219 26.1367 0.0234375 23.6875 0.0234375H7.67969C5.23047 0.0234375 4 1.23047 4 3.65625V17.9648C4 20.3906 5.23047 21.5977 7.67969 21.5977ZM7.50391 19.7109C6.46094 19.7109 5.88672 19.1602 5.88672 18.0703V7.01953C5.88672 5.94141 6.46094 5.37891 7.50391 5.37891H23.8398C24.8828 5.37891 25.4688 5.94141 25.4688 7.01953V18.0703C25.4688 19.1602 24.8828 19.7109 23.8398 19.7109H7.50391ZM13.3984 9.58594H14.0898C14.5 9.58594 14.6289 9.46875 14.6289 9.05859V8.36719C14.6289 7.95703 14.5 7.82812 14.0898 7.82812H13.3984C12.9883 7.82812 12.8477 7.95703 12.8477 8.36719V9.05859C12.8477 9.46875 12.9883 9.58594 13.3984 9.58594ZM17.2891 9.58594H17.9805C18.3906 9.58594 18.5312 9.46875 18.5312 9.05859V8.36719C18.5312 7.95703 18.3906 7.82812 17.9805 7.82812H17.2891C16.8789 7.82812 16.7383 7.95703 16.7383 8.36719V9.05859C16.7383 9.46875 16.8789 9.58594 17.2891 9.58594ZM21.1797 9.58594H21.8711C22.2812 9.58594 22.4219 9.46875 22.4219 9.05859V8.36719C22.4219 7.95703 22.2812 7.82812 21.8711 7.82812H21.1797C20.7695 7.82812 20.6406 7.95703 20.6406 8.36719V9.05859C20.6406 9.46875 20.7695 9.58594 21.1797 9.58594ZM9.50781 13.418H10.1875C10.6094 13.418 10.7383 13.3008 10.7383 12.8906V12.1992C10.7383 11.7891 10.6094 11.6719 10.1875 11.6719H9.50781C9.08594 11.6719 8.95703 11.7891 8.95703 12.1992V12.8906C8.95703 13.3008 9.08594 13.418 9.50781 13.418ZM13.3984 13.418H14.0898C14.5 13.418 14.6289 13.3008 14.6289 12.8906V12.1992C14.6289 11.7891 14.5 11.6719 14.0898 11.6719H13.3984C12.9883 11.6719 12.8477 11.7891 12.8477 12.1992V12.8906C12.8477 13.3008 12.9883 13.418 13.3984 13.418ZM17.2891 13.418H17.9805C18.3906 13.418 18.5312 13.3008 18.5312 12.8906V12.1992C18.5312 11.7891 18.3906 11.6719 17.9805 11.6719H17.2891C16.8789 11.6719 16.7383 11.7891 16.7383 12.1992V12.8906C16.7383 13.3008 16.8789 13.418 17.2891 13.418ZM21.1797 13.418H21.8711C22.2812 13.418 22.4219 13.3008 22.4219 12.8906V12.1992C22.4219 11.7891 22.2812 11.6719 21.8711 11.6719H21.1797C20.7695 11.6719 20.6406 11.7891 20.6406 12.1992V12.8906C20.6406 13.3008 20.7695 13.418 21.1797 13.418ZM9.50781 17.2617H10.1875C10.6094 17.2617 10.7383 17.1328 10.7383 16.7227V16.0312C10.7383 15.6211 10.6094 15.5039 10.1875 15.5039H9.50781C9.08594 15.5039 8.95703 15.6211 8.95703 16.0312V16.7227C8.95703 17.1328 9.08594 17.2617 9.50781 17.2617ZM13.3984 17.2617H14.0898C14.5 17.2617 14.6289 17.1328 14.6289 16.7227V16.0312C14.6289 15.6211 14.5 15.5039 14.0898 15.5039H13.3984C12.9883 15.5039 12.8477 15.6211 12.8477 16.0312V16.7227C12.8477 17.1328 12.9883 17.2617 13.3984 17.2617ZM17.2891 17.2617H17.9805C18.3906 17.2617 18.5312 17.1328 18.5312 16.7227V16.0312C18.5312 15.6211 18.3906 15.5039 17.9805 15.5039H17.2891C16.8789 15.5039 16.7383 15.6211 16.7383 16.0312V16.7227C16.7383 17.1328 16.8789 17.2617 17.2891 17.2617Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<filter id="filter0_d_2124_82363" x="0" y="0" width="31.3555" height="29.5977" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2124_82363"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2124_82363" result="shape"/>
+</filter>
+<clipPath id="clip0_2124_82363">
+<rect width="23.3555" height="21.5977" fill="white" transform="translate(4)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/BookApp/BookApp/Resources/Images/chevron_right.svg b/BookApp/BookApp/Resources/Images/chevron_right.svg
new file mode 100644
index 0000000..27b277e
--- /dev/null
+++ b/BookApp/BookApp/Resources/Images/chevron_right.svg
@@ -0,0 +1,3 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.4609 14.1719C19.4609 13.8789 19.3438 13.6094 19.1211 13.3984L9.83984 4.30469C9.62891 4.10547 9.37109 4 9.06641 4C8.46875 4 8 4.45703 8 5.06641C8 5.35938 8.11719 5.62891 8.30469 5.82812L16.8359 14.1719L8.30469 22.5156C8.11719 22.7148 8 22.9727 8 23.2773C8 23.8867 8.46875 24.3438 9.06641 24.3438C9.37109 24.3438 9.62891 24.2383 9.83984 24.0273L19.1211 14.9453C19.3438 14.7227 19.4609 14.4648 19.4609 14.1719Z" fill="black" fill-opacity="0.85"/>
+</svg>
diff --git a/BookApp/BookApp/Resources/Images/eyeglasses.svg b/BookApp/BookApp/Resources/Images/eyeglasses.svg
new file mode 100644
index 0000000..26953a6
--- /dev/null
+++ b/BookApp/BookApp/Resources/Images/eyeglasses.svg
@@ -0,0 +1,10 @@
+<svg width="37" height="28" viewBox="0 0 37 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_89302)">
+<path d="M9.57422 21.625C13.6055 21.625 16.875 18.3555 16.875 14.3125C16.875 10.2812 13.6055 7 9.57422 7C5.53125 7 2.25 10.2812 2.25 14.3125C2.25 18.3555 5.53125 21.625 9.57422 21.625ZM9.57422 19.6445C6.62109 19.6445 4.23047 17.2656 4.23047 14.3125C4.23047 11.3711 6.62109 8.98047 9.57422 8.98047C12.5039 8.98047 14.8945 11.3828 14.8945 14.3125C14.8945 17.2539 12.5039 19.6445 9.57422 19.6445ZM27.4219 21.625C31.4531 21.625 34.7227 18.3555 34.7227 14.3125C34.7227 10.2812 31.4531 7 27.4219 7C23.3789 7 20.0977 10.2812 20.0977 14.3125C20.0977 18.3555 23.3789 21.625 27.4219 21.625ZM27.4219 19.6445C24.4805 19.6445 22.0781 17.2539 22.0781 14.3125C22.0781 11.3828 24.4805 8.98047 27.4219 8.98047C30.3633 8.98047 32.7422 11.3711 32.7422 14.3125C32.7422 17.2656 30.3633 19.6445 27.4219 19.6445ZM3.02344 12.8711H0.878906C0.304688 12.8711 0 13.1641 0 13.75V14.2305C0 14.8164 0.304688 15.1211 0.878906 15.1211H3.02344V12.8711ZM33.9492 15.1211H36.1055C36.6797 15.1211 36.9727 14.8164 36.9727 14.2305V13.75C36.9727 13.1641 36.6797 12.8711 36.1055 12.8711H33.9492V15.1211ZM16.3008 14.7344C16.8867 14.3711 17.707 14.1836 18.4922 14.1836C19.2656 14.1836 20.0859 14.3711 20.6836 14.7344V12.6133C20.0156 12.2969 19.1484 12.1797 18.4922 12.1797C17.8242 12.1797 16.957 12.2969 16.3008 12.6133V14.7344Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_89302">
+<rect width="36.9727" height="14.6367" fill="white" transform="translate(0 7)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/BookApp/BookApp/Resources/Images/heart_fill.svg b/BookApp/BookApp/Resources/Images/heart_fill.svg
new file mode 100644
index 0000000..4193d69
--- /dev/null
+++ b/BookApp/BookApp/Resources/Images/heart_fill.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_67732)">
+<path d="M13.6367 25.2305C13.8828 25.2305 14.2344 25.0664 14.4922 24.9141C21.0898 20.6953 25.2734 15.7852 25.2734 10.793C25.2734 6.64453 22.4258 3.71484 18.7461 3.71484C16.4609 3.71484 14.7031 4.98047 13.6367 6.91406C12.5938 4.99219 10.8125 3.71484 8.52734 3.71484C4.84766 3.71484 2 6.64453 2 10.793C2 15.7852 6.18359 20.6953 12.793 24.9141C13.0391 25.0664 13.3906 25.2305 13.6367 25.2305Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_67732">
+<rect width="23.2734" height="22.2305" fill="white" transform="translate(2 3)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/BookApp/BookApp/Resources/Images/list_bullet.svg b/BookApp/BookApp/Resources/Images/list_bullet.svg
new file mode 100644
index 0000000..0db7f0d
--- /dev/null
+++ b/BookApp/BookApp/Resources/Images/list_bullet.svg
@@ -0,0 +1,8 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.65625 21.6054H24.6641C25.1914 21.6054 25.6133 21.1953 25.6133 20.668C25.6133 20.1289 25.1914 19.7188 24.6641 19.7188H8.65625C8.11719 19.7188 7.70703 20.1289 7.70703 20.668C7.70703 21.1953 8.11719 21.6054 8.65625 21.6054Z" fill="black" fill-opacity="0.85"/>
+<path d="M3.47656 22.1445C4.29688 22.1445 4.95312 21.4766 4.95312 20.668C4.95312 19.8477 4.29688 19.1914 3.47656 19.1914C2.65625 19.1914 2 19.8477 2 20.668C2 21.4766 2.65625 22.1445 3.47656 22.1445Z" fill="black" fill-opacity="0.85"/>
+<path d="M8.65625 14.5273H24.6641C25.1914 14.5273 25.6133 14.1055 25.6133 13.5781C25.6133 13.0508 25.1914 12.6406 24.6641 12.6406H8.65625C8.11719 12.6406 7.70703 13.0508 7.70703 13.5781C7.70703 14.1055 8.11719 14.5273 8.65625 14.5273Z" fill="black" fill-opacity="0.85"/>
+<path d="M3.47656 15.0547C4.29688 15.0547 4.95312 14.3984 4.95312 13.5781C4.95312 12.7578 4.29688 12.1016 3.47656 12.1016C2.65625 12.1016 2 12.7578 2 13.5781C2 14.3984 2.65625 15.0547 3.47656 15.0547Z" fill="black" fill-opacity="0.85"/>
+<path d="M8.65625 7.4375H24.6641C25.1914 7.4375 25.6133 7.02734 25.6133 6.5C25.6133 5.96094 25.1914 5.55078 24.6641 5.55078H8.65625C8.11719 5.55078 7.70703 5.96094 7.70703 6.5C7.70703 7.02734 8.11719 7.4375 8.65625 7.4375Z" fill="black" fill-opacity="0.85"/>
+<path d="M3.47656 7.96484C4.29688 7.96484 4.95312 7.30859 4.95312 6.5C4.95312 5.67969 4.29688 5.02344 3.47656 5.02344C2.65625 5.02344 2 5.67969 2 6.5C2 7.30859 2.65625 7.96484 3.47656 7.96484Z" fill="black" fill-opacity="0.85"/>
+</svg>
diff --git a/BookApp/BookApp/Resources/Images/magnifyingglass.svg b/BookApp/BookApp/Resources/Images/magnifyingglass.svg
new file mode 100644
index 0000000..1671ed1
--- /dev/null
+++ b/BookApp/BookApp/Resources/Images/magnifyingglass.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88631)">
+<path d="M3 11.3516C3 16.5078 7.19531 20.7031 12.3516 20.7031C14.3906 20.7031 16.2539 20.0469 17.7891 18.9453L23.5547 24.7227C23.8242 24.9922 24.1758 25.1211 24.5508 25.1211C25.3477 25.1211 25.8984 24.5234 25.8984 23.7383C25.8984 23.3633 25.7578 23.0234 25.5117 22.7773L19.7812 17.0117C20.9883 15.4414 21.7031 13.4844 21.7031 11.3516C21.7031 6.19531 17.5078 2 12.3516 2C7.19531 2 3 6.19531 3 11.3516ZM5.00391 11.3516C5.00391 7.29688 8.29688 4.00391 12.3516 4.00391C16.4062 4.00391 19.6992 7.29688 19.6992 11.3516C19.6992 15.4062 16.4062 18.6992 12.3516 18.6992C8.29688 18.6992 5.00391 15.4062 5.00391 11.3516Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88631">
+<rect width="22.8984" height="23.1211" fill="white" transform="translate(3 2)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/BookApp/BookApp/Resources/Images/person_badge_clock_fill.svg b/BookApp/BookApp/Resources/Images/person_badge_clock_fill.svg
new file mode 100644
index 0000000..f23f9c5
--- /dev/null
+++ b/BookApp/BookApp/Resources/Images/person_badge_clock_fill.svg
@@ -0,0 +1,13 @@
+<svg width="29" height="33" viewBox="0 0 29 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_45757)">
+<path d="M2.01563 26.8992H17.7305C18.9844 26.8992 19.7344 26.3133 19.7344 25.3406C19.7344 22.3172 15.9492 18.1453 9.86719 18.1453C3.79688 18.1453 0.0117188 22.3172 0.0117188 25.3406C0.0117188 26.3133 0.761719 26.8992 2.01563 26.8992ZM9.87891 16.0476C12.3867 16.0476 14.5664 13.7976 14.5664 10.8679C14.5664 7.97339 12.3867 5.82886 9.87891 5.82886C7.3711 5.82886 5.19141 8.02027 5.19141 10.8914C5.19141 13.7976 7.35938 16.0476 9.87891 16.0476Z" fill="black" fill-opacity="0.85"/>
+<path d="M19.8516 32.7117C23.9649 32.7117 27.3985 29.2781 27.3985 25.1648C27.3985 21.0164 23.9884 17.6062 19.8516 17.6062C15.7032 17.6062 12.293 21.0164 12.293 25.1648C12.293 29.3133 15.6915 32.7117 19.8516 32.7117Z" fill="white"/>
+<path d="M19.8515 31.1179C23.0742 31.1179 25.8047 28.4109 25.8047 25.1648C25.8047 21.8953 23.1094 19.2117 19.8515 19.2117C16.582 19.2117 13.8867 21.8953 13.8867 25.1648C13.8867 28.4343 16.582 31.1179 19.8515 31.1179Z" fill="black" fill-opacity="0.85"/>
+<path d="M17.0625 26.0672C16.664 26.0672 16.3359 25.7508 16.3359 25.3523C16.3359 24.9539 16.6758 24.6375 17.0625 24.6375H19.1836V21.6961C19.1836 21.3093 19.5 20.9929 19.9101 20.9929C20.3086 20.9929 20.625 21.3093 20.625 21.6961V25.3523C20.625 25.7508 20.3203 26.0672 19.9101 26.0672H17.0625Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_45757">
+<rect width="27.3867" height="32.6836" fill="white" transform="translate(0.0117188 0.0280762)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/BookApp/BookApp/Resources/Images/person_fill.svg b/BookApp/BookApp/Resources/Images/person_fill.svg
new file mode 100644
index 0000000..b6ae969
--- /dev/null
+++ b/BookApp/BookApp/Resources/Images/person_fill.svg
@@ -0,0 +1,10 @@
+<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_45740)">
+<path d="M6.00977 24.104H21.7247C22.9786 24.104 23.7286 23.5181 23.7286 22.5454C23.7286 19.522 19.9434 15.3501 13.8613 15.3501C7.79102 15.3501 4.00586 19.522 4.00586 22.5454C4.00586 23.5181 4.75586 24.104 6.00977 24.104ZM13.873 13.2525C16.3809 13.2525 18.5606 11.0024 18.5606 8.07275C18.5606 5.17822 16.3809 3.03369 13.873 3.03369C11.3652 3.03369 9.18555 5.2251 9.18555 8.09619C9.18555 11.0024 11.3535 13.2525 13.873 13.2525Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_45740">
+<rect width="19.7227" height="21.082" fill="white" transform="translate(4.00586 3.03369)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/BookApp/BookApp/Resources/Images/sparkles.svg b/BookApp/BookApp/Resources/Images/sparkles.svg
new file mode 100644
index 0000000..ac2ceaf
--- /dev/null
+++ b/BookApp/BookApp/Resources/Images/sparkles.svg
@@ -0,0 +1,12 @@
+<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_13210)">
+<path d="M13.1836 5.70703C13.3359 5.70703 13.418 5.61328 13.4414 5.47266C13.793 3.57422 13.7578 3.48047 15.7969 3.11719C15.9375 3.08203 16.0312 3 16.0312 2.84766C16.0312 2.70703 15.9375 2.61328 15.7969 2.58984C13.7578 2.22656 13.793 2.13281 13.4414 0.234375C13.418 0.09375 13.3359 0 13.1836 0C13.0312 0 12.9492 0.09375 12.9258 0.234375C12.5742 2.13281 12.6094 2.22656 10.5703 2.58984C10.418 2.61328 10.3359 2.70703 10.3359 2.84766C10.3359 3 10.418 3.08203 10.5703 3.11719C12.6094 3.48047 12.5742 3.57422 12.9258 5.47266C12.9492 5.61328 13.0312 5.70703 13.1836 5.70703Z" fill="black" fill-opacity="0.85"/>
+<path d="M7.51172 13.7695C7.73438 13.7695 7.88672 13.6172 7.91016 13.4062C8.33203 10.2773 8.4375 10.2773 11.6719 9.65625C11.8711 9.62109 12.0234 9.48047 12.0234 9.25781C12.0234 9.04688 11.8711 8.89453 11.6719 8.87109C8.4375 8.41406 8.32031 8.30859 7.91016 5.13281C7.88672 4.91016 7.73438 4.75781 7.51172 4.75781C7.30078 4.75781 7.14844 4.91016 7.11328 5.14453C6.73828 8.27344 6.5625 8.26172 3.35156 8.87109C3.15234 8.90625 3 9.04688 3 9.25781C3 9.49219 3.15234 9.62109 3.39844 9.65625C6.58594 10.1719 6.73828 10.2539 7.11328 13.3828C7.14844 13.6172 7.30078 13.7695 7.51172 13.7695Z" fill="black" fill-opacity="0.85"/>
+<path d="M15.457 26.7305C15.7617 26.7305 15.9844 26.5078 16.043 26.1914C16.875 19.7812 17.7773 18.7969 24.1289 18.0938C24.457 18.0586 24.6797 17.8242 24.6797 17.5078C24.6797 17.2031 24.457 16.9688 24.1289 16.9336C17.7773 16.2305 16.875 15.2461 16.043 8.82421C15.9844 8.5078 15.7617 8.29688 15.457 8.29688C15.1523 8.29688 14.9297 8.5078 14.8828 8.82421C14.0508 15.2461 13.1367 16.2305 6.79688 16.9336C6.45702 16.9688 6.23438 17.2031 6.23438 17.5078C6.23438 17.8242 6.45702 18.0586 6.79688 18.0938C13.125 18.9258 14.0039 19.7812 14.8828 26.1914C14.9297 26.5078 15.1523 26.7305 15.457 26.7305Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_13210">
+<rect width="21.6797" height="28.8867" fill="white" transform="translate(3)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/BookApp/BookApp/Resources/Images/tag_fill.svg b/BookApp/BookApp/Resources/Images/tag_fill.svg
new file mode 100644
index 0000000..4c29412
--- /dev/null
+++ b/BookApp/BookApp/Resources/Images/tag_fill.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88694)">
+<path d="M14.8194 26.0962L26.2451 14.647C27.124 13.7681 27.1826 13.2642 27.1826 12.0337V7.58057C27.1826 6.33838 26.8897 5.95166 25.999 5.06104L23.3037 2.36573C22.4248 1.48682 22.0381 1.18213 20.7959 1.18213H16.3311C15.1006 1.18213 14.6084 1.24073 13.7295 2.11963L2.26857 13.5571C0.592789 15.2329 0.557632 16.9673 2.28029 18.6782L9.69826 26.0845C11.4209 27.7954 13.1436 27.772 14.8194 26.0962ZM18.8272 10.5571C17.9014 10.5571 17.2217 9.84229 17.2217 8.95166C17.2217 8.04932 17.9014 7.3462 18.8272 7.3462C19.7412 7.3462 20.4326 8.04932 20.4326 8.95166C20.4326 9.84229 19.7412 10.5571 18.8272 10.5571Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88694">
+<rect width="26.1826" height="27.3604" fill="white" transform="translate(1)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/BookApp/BookApp/Resources/Images/tray_2_fill.svg b/BookApp/BookApp/Resources/Images/tray_2_fill.svg
new file mode 100644
index 0000000..5cfb219
--- /dev/null
+++ b/BookApp/BookApp/Resources/Images/tray_2_fill.svg
@@ -0,0 +1,12 @@
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2124_88380)">
+<path d="M5.27344 28.3828H25.5586C28.0078 28.3828 29.2383 27.1876 29.2383 24.9142V20.1211C29.2383 19.0547 29.168 18.3398 28.5703 17.7773L24.4102 13.8516C23.1445 12.6562 22.2188 12.2812 20.4961 12.2812H10.3477C8.61328 12.2812 7.6875 12.6562 6.42188 13.8516L2.26172 17.7773C1.66406 18.3398 1.60547 19.0547 1.60547 20.1211V24.9142C1.60547 27.1758 2.83594 28.3828 5.27344 28.3828ZM15.4219 23.0859C13.7578 23.0859 12.6914 21.6445 12.6914 20.2852V20.25C12.6914 19.7578 12.4102 19.3008 11.8008 19.3008H4.35938C3.67969 19.3008 3.46875 18.9962 4.00781 18.4923L7.875 14.8477C8.58984 14.168 9.04688 13.9219 10.1719 13.9219H20.6719C21.7852 13.9219 22.2422 14.168 22.9688 14.8477L26.8359 18.4923C27.3984 19.0196 27.1406 19.3008 26.4961 19.3008H19.0312C18.4336 19.3008 18.1406 19.7578 18.1406 20.25V20.2852C18.1406 21.6445 17.0742 23.0859 15.4219 23.0859Z" fill="black" fill-opacity="0.85"/>
+<path d="M4.35938 19.3008H26.4961C29.1797 19.3008 30.832 17.4258 30.832 14.5547V9.44531C30.832 7.89844 30.6211 6.83203 29.6719 5.92969L25.5 2.00391C23.9531 0.539062 22.6289 0 20.4961 0H10.3477C8.21484 0 6.87891 0.539062 5.33203 2.00391L1.17188 5.92969C0.222656 6.83203 0 7.89844 0 9.44531V14.5547C0 17.4258 1.67578 19.3008 4.35938 19.3008Z" fill="white"/>
+<path d="M5.27344 17.6953H25.5586C28.0078 17.6953 29.2383 16.5 29.2383 14.2266V9.44531C29.2383 8.37891 29.168 7.66406 28.5703 7.08984L24.4102 3.16406C23.1445 1.98047 22.2188 1.59375 20.4961 1.59375H10.3477C8.61328 1.59375 7.6875 1.98047 6.42188 3.16406L2.26172 7.08984C1.66406 7.66406 1.60547 8.37891 1.60547 9.44531V14.2266C1.60547 16.5 2.83594 17.6953 5.27344 17.6953ZM15.4219 12.3984C13.7578 12.3984 12.6914 10.9688 12.6914 9.60938V9.5625C12.6914 9.08203 12.4102 8.61328 11.8008 8.61328H4.35938C3.67969 8.61328 3.46875 8.30859 4.00781 7.80469L7.875 4.16016C8.58984 3.49219 9.04688 3.24609 10.1719 3.24609H20.6719C21.7852 3.24609 22.2422 3.49219 22.9688 4.16016L26.8359 7.80469C27.3984 8.33203 27.1406 8.61328 26.4961 8.61328H19.0312C18.4336 8.61328 18.1406 9.08203 18.1406 9.5625V9.60938C18.1406 10.9688 17.0742 12.3984 15.4219 12.3984Z" fill="black" fill-opacity="0.85"/>
+</g>
+<defs>
+<clipPath id="clip0_2124_88380">
+<rect width="30.832" height="29.9414" fill="white"/>
+</clipPath>
+</defs>
+</svg>