changes for nav and Juhatus

src/routes/AboutUs.svelte

@@ -37,6 +37,7 @@
   });
 </script>
 
+<div class="safe-area-navbar">
 <!-- Hero Section -->
 <Section background="orange">
   <Center>
@@ -260,6 +261,7 @@
     </div>
   </Section>
 {/if}
+</div>
 
 <style>
   .feature-icon {

src/routes/Calendar.svelte

@@ -9,7 +9,7 @@
   });
 </script>
 
-<div bind:this={sectionElement}>
+<div class="safe-area-navbar" bind:this={sectionElement}>
 <Section >
   <Center dir="col" class="w-full">
     <div class="w-full max-w-4xl">

src/routes/Contact.svelte

@@ -91,6 +91,7 @@
   }
 </script>
 
+<div class="safe-area-navbar">
 <!-- Hero Section -->
 <Section background="orange">
   <Center>
@@ -299,6 +300,7 @@
     </Card>
   </Grid>
 </Section>
+</div>
 
 <style>
   .feature-icon {

src/routes/Helpdesk.svelte

@@ -43,6 +43,7 @@
   });
 </script>
 
+<div class="safe-area-navbar">
 <!-- Hero Section -->
 <div class="w-full bg-black">
   <div class="flex absolute justify-center items-center flex-row w-full h-[42vh] px-4">
@@ -188,3 +189,4 @@
       </div>
     </Grid>
   </Section>
+</div>

src/routes/Managment.svelte

@@ -111,6 +111,7 @@
   });
 </script>
 
+<div class="safe-area-navbar">
 <Section
   padding="none"
   fullWidth={true}
@@ -255,6 +256,7 @@
     {/if}
   </Container>
 </Section>
+</div>
 
 <style>
   .hero-shell {

src/routes/Mentors.svelte

@@ -46,6 +46,7 @@
     }
 </script>
 
+<div class="safe-area-navbar">
 <!-- Hero Section -->
 <Section background="orange">
     <Center>
@@ -177,4 +178,5 @@
         {/each}
     </div>
 </Section>
+</div>
 

src/routes/OurWork.svelte

@@ -69,6 +69,7 @@
   ];
 </script>
 
+<div class="safe-area-navbar">
 <!-- Hero Section -->
 <Section background="orange">
   <Center>
@@ -257,6 +258,7 @@
     </div>
   </Center>
 </Section>
+</div>
 
 <style>
   .feature-icon {

src/routes/Striim.svelte

@@ -13,9 +13,9 @@
   }
 </script>
 
-<div bind:this={sectionElement}>
-<Section>
-  <Grid min="400px">
+<div class="safe-area-navbar" bind:this={sectionElement}>
+<Section fullWidth={true} contentClass="flex items-start">
+  <Grid min="400px" class="w-full">
     <a href="https://master.lapikud.ee/stream/1/stream">
       <img src="https://master.lapikud.ee/stream/1/substream" alt="video0" style="width:100%;" on:load={handleImageLoad}/>
     </a>
@@ -27,6 +27,6 @@
     <a href="https://master.lapikud.ee/stream/3/stream">
       <img src="https://master.lapikud.ee/stream/3/substream" alt="video2" style="width:100%;" on:load={handleImageLoad}/>
     </a>
-    </Grid>
+  </Grid>
 </Section>
 </div>

src/routes/Student.svelte

@@ -25,6 +25,7 @@
   });
 </script>
 
+<div class="safe-area-navbar">
 <!-- Hero Section -->
 <Section background="orange">
   <Center>
@@ -195,6 +196,7 @@
     </div>
   {/if}
 </Section>
+</div>
 
 <style>
   .feature-icon {