diff --git a/resources/views/livewire/frontend/navigation/association.blade.php b/resources/views/livewire/frontend/navigation/association.blade.php
index a4e273b8..519dad8e 100644
--- a/resources/views/livewire/frontend/navigation/association.blade.php
+++ b/resources/views/livewire/frontend/navigation/association.blade.php
@@ -29,7 +29,7 @@
 
                             <a href="{{ route('project.table.projectFunding', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-search flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-search flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Submitted projects') }}
                             </a>
 
@@ -43,7 +43,7 @@
 
                             <a href="{{ route('project.projectProposal.form', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-plus flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-plus flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Submit project for funding') }}
                             </a>
 
diff --git a/resources/views/livewire/frontend/navigation/bookcases.blade.php b/resources/views/livewire/frontend/navigation/bookcases.blade.php
index 6a222f3c..a313353e 100644
--- a/resources/views/livewire/frontend/navigation/bookcases.blade.php
+++ b/resources/views/livewire/frontend/navigation/bookcases.blade.php
@@ -29,32 +29,32 @@
 
                             <a href="{{ route('bookCases.table.city', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-city flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-city flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('City search') }}
                             </a>
 
                             <a href="{{ route('bookCases.table.bookcases', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-book flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-book flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Bookcases') }}
                             </a>
 
                             <a href="{{ route('bookCases.world', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-map flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-map flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('World map') }}
                             </a>
 
                             <a href="{{ route('bookCases.heatmap', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-heat flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-heat flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Heatmap') }}
                             </a>
 
                             @auth
                                 <a href="{{ route('bookCases.highScoreTable', ['country' => $country]) }}"
                                    class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                    <i class="fa-thin fa-star flex-none text-gray-400"></i>
+                                    <i class="fa-thin fa-star flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                     {{ __('Highscore Table') }}
                                 </a>
                             @endauth
@@ -69,7 +69,7 @@
 
                             <a href="https://openbookcase.de/" target="_blank"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-plus flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-plus flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Submit new book case') }}
                             </a>
 
diff --git a/resources/views/livewire/frontend/navigation/courses.blade.php b/resources/views/livewire/frontend/navigation/courses.blade.php
index 4cab7ee5..2321a952 100644
--- a/resources/views/livewire/frontend/navigation/courses.blade.php
+++ b/resources/views/livewire/frontend/navigation/courses.blade.php
@@ -29,31 +29,31 @@
 
                             <a href="{{ route('school.table.city', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-city flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-city flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Cities') }}
                             </a>
 
                             <a href="{{ route('school.table.lecturer', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-chalkboard-user flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-chalkboard-user flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Lecturers') }}
                             </a>
 
                             <a href="{{ route('school.table.venue', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-building flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-building flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Venues') }}
                             </a>
 
                             <a href="{{ route('school.table.course', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-screen-users flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-screen-users flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Courses') }}
                             </a>
 
                             <a href="{{ route('school.table.event', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-calendar flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-calendar flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Course Events') }}
                             </a>
 
@@ -67,43 +67,43 @@
 
                             <a href="{{ route('contentCreator.form') }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-plus flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-plus flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Register lecturer') }}
                             </a>
 
                             <a href="{{ route('venue.form') }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-plus flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-plus flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Create venue') }}
                             </a>
 
                             <a href="{{ route('course.form.course') }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-plus flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-plus flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Register course') }}
                             </a>
 
                             <a href="{{ route('course.form.courseEvent') }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-plus flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-plus flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Register course date') }}
                             </a>
 
                             <a href="{{ route('school.table.lecturer', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-list flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-list flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Manage lecturers') }}
                             </a>
 
                             <a href="{{ route('bookCases.table.city', ['country' => $country, 'manage' => true]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-list flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-list flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Manage cities/areas') }}
                             </a>
 
                             <a href="{{ route('school.table.venue', ['country' => $country, 'manage' => true]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-list flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-list flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Manage venues') }}
                             </a>
 
diff --git a/resources/views/livewire/frontend/navigation/events.blade.php b/resources/views/livewire/frontend/navigation/events.blade.php
index 329dafcb..99b24b02 100644
--- a/resources/views/livewire/frontend/navigation/events.blade.php
+++ b/resources/views/livewire/frontend/navigation/events.blade.php
@@ -29,7 +29,7 @@
 
                             <a href="{{ route('bitcoinEvent.table.bitcoinEvent', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-calendar-lines-pen flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-calendar-lines-pen flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Events') }}
                             </a>
 
@@ -43,25 +43,25 @@
 
                             <a href="{{ route('venue.form') }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-plus flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-plus flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Create venue') }}
                             </a>
 
                             <a href="{{ route('bitcoinEvent.form') }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-plus flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-plus flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Register event') }}
                             </a>
 
                             <a href="{{ route('bookCases.table.city', ['country' => $country, 'manage' => true]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-list flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-list flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Manage cities/areas') }}
                             </a>
 
                             <a href="{{ route('school.table.venue', ['country' => $country, 'manage' => true]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-list flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-list flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Manage venues') }}
                             </a>
 
diff --git a/resources/views/livewire/frontend/navigation/library.blade.php b/resources/views/livewire/frontend/navigation/library.blade.php
index 0aaf1c0a..7563784a 100644
--- a/resources/views/livewire/frontend/navigation/library.blade.php
+++ b/resources/views/livewire/frontend/navigation/library.blade.php
@@ -29,20 +29,38 @@
 
                             <a href="{{ route('library.table.libraryItems', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-search flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-search flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Search') }}
                             </a>
 
+                            <a href="{{ route('library.table.libraryItems', ['country' => $country, 'currentTab' => 'Tutorials']) }}"
+                               class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
+                                <i class="fa-thin fa-graduation-cap flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
+                                {{ __('Tutorials') }}
+                            </a>
+
+                            <a href="{{ route('library.table.libraryItems', ['country' => $country, 'currentTab' => 'Videos']) }}"
+                               class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
+                                <i class="fa-thin fa-video flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
+                                {{ __('Videos') }}
+                            </a>
+
+                            <a href="{{ route('library.table.libraryItems', ['country' => $country, 'currentTab' => 'Bücher']) }}"
+                               class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
+                                <i class="fa-thin fa-book flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
+                                {{ __('Bücher') }}
+                            </a>
+
                             <a href="{{ route('library.table.podcastsEpisodes', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-podcast flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-podcast flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Podcast Episodes') }}
                             </a>
 
                             @auth
                                 <a href="{{ route('library.table.lecturer', ['country' => $country]) }}"
                                    class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                    <i class="fa-thin fa-school flex-none text-gray-400"></i>
+                                    <i class="fa-thin fa-school flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                     {{ __('Library for lecturers') }}
                                 </a>
                             @endauth
diff --git a/resources/views/livewire/frontend/navigation/meetups.blade.php b/resources/views/livewire/frontend/navigation/meetups.blade.php
index 63cbbab1..19a2efaa 100644
--- a/resources/views/livewire/frontend/navigation/meetups.blade.php
+++ b/resources/views/livewire/frontend/navigation/meetups.blade.php
@@ -29,19 +29,19 @@
 
                             <a href="{{ route('meetup.world', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-globe flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-globe flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('World map') }}
                             </a>
 
                             <a href="{{ route('meetup.table.meetup', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-people-group flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-people-group flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Meetups') }}
                             </a>
 
                             <a href="{{ route('meetup.table.meetupEvent', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-calendar flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-calendar flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Meetup dates') }}
                             </a>
 
@@ -55,25 +55,25 @@
 
                             <a href="{{ route('meetup.meetup.form', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-plus flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-plus flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Submit Meetup') }}
                             </a>
 
                             <a href="{{ route('meetup.event.form', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-plus flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-plus flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Register Meetup date') }}
                             </a>
 
                             <a href="{{ route('bookCases.table.city', ['country' => $country, 'manage' => true]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-list flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-list flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Manage cities/areas') }}
                             </a>
 
                             <a href="{{ route('profile.meetups') }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-user-group flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-user-group flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('My meetups') }}
                             </a>
 
diff --git a/resources/views/livewire/frontend/navigation/news.blade.php b/resources/views/livewire/frontend/navigation/news.blade.php
index a94c10cf..a518e851 100644
--- a/resources/views/livewire/frontend/navigation/news.blade.php
+++ b/resources/views/livewire/frontend/navigation/news.blade.php
@@ -29,7 +29,7 @@
 
                             <a href="{{ route('article.overview') }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-newspaper flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-newspaper flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('News Article') }}
                             </a>
 
@@ -43,13 +43,13 @@
 
                             <a href="{{ route('news.form') }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-plus flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-plus flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Submit news articles') }}
                             </a>
 
                             <a href="{{ route('school.table.lecturer', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-list flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-list flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Manage content creators') }}
                             </a>
 
diff --git a/resources/views/livewire/frontend/navigation/profile.blade.php b/resources/views/livewire/frontend/navigation/profile.blade.php
index c2e49361..e018b836 100644
--- a/resources/views/livewire/frontend/navigation/profile.blade.php
+++ b/resources/views/livewire/frontend/navigation/profile.blade.php
@@ -32,19 +32,19 @@
 
                             <a href="{{ route('profile.show') }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-city flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-city flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('My profile') }}
                             </a>
 
                             <a href="{{ route('profile.meetups') }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-user-group flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-user-group flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('My meetups') }}
                             </a>
 
                             <a href="{{ route('profile.lnbits') }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-key-skeleton-left-right flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-key-skeleton-left-right flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('LNBits') }}
                             </a>
 
@@ -58,7 +58,7 @@
 
                             <a href="{{ route('profile.wallet') }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-plus flex-none text-gray-400"></i>
+                                <i class="fa-thin fa-bolt flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Change lightning wallet/pubkey') }}
                             </a>