Fix css

frontend/src/App.svelte

@@ -2,27 +2,11 @@
   import ChatApp from './lib/ChatApp.svelte';
     import BackButton from "./lib/BackButton.svelte";
   import "./assets/app.css"
-    import { onMount } from 'svelte';
-
-  let isKeyboardActive = false;
-
-  function handleResize() {
-    const isVirtualKeyboardActive = window.innerHeight < window.outerHeight;
-    isKeyboardActive = isVirtualKeyboardActive;
-  }
-
-  onMount(() => {
-    window.addEventListener('resize', handleResize);
-    return () => {
-      window.removeEventListener('resize', handleResize);
-    };
-  });
-
 </script>
 
 <main>
   <div>
-    <header id="header"  class={isKeyboardActive ? 'sticky-header' : ''}><BackButton /><span id="ramiza-ime">Ramiza</span><span id="threedotsmenu"> ⋮ </span></header>
+    <header id="header"><BackButton /><span id="ramiza-ime">Ramiza</span><span id="threedotsmenu"> ⋮ </span></header>
 
   <div class="card">
     <ChatApp />
@@ -31,13 +15,5 @@
 </main>
 
 <style>
-  .sticky-header {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 9999;
-    background-color: #fff;
-  }
 
 </style>

frontend/src/assets/app.css

@@ -10,7 +10,6 @@
   position: absolute;
   bottom: 0;
   width: 100%;
-  height: 2.5rem;            /* Footer height */
   border-top: lightgray 1px solid;
 }