Modifies the create buttons to mobile view

components/dashboard-components/CreateNoteBtn.tsx

@@ -29,7 +29,7 @@ export default function CreateNoteBtn({ notesTableId, className }:CreateNoteBtnP
       onClick={handleCreateNote}
       disabled={loading}
     >
-      {loading ? "New Note..." : <><Plus size="20" /> New Note</>}
+      {loading ? "New Note..." : <><Plus size="20" /> <p className=" hidden sm:block">New Note</p></>}
     </Button>
   );
 }

components/dashboard-components/CreateTableBtn.tsx

@@ -26,11 +26,11 @@ export default function CreateTableBtn({ workingSpaceId, className }: CreateTabl
 
   return (
     <Button
-      className={cn("flex items-center justify-between gap-2  ", className)}
+      className={cn("flex items-center justify-between gap-2", className)}
       onClick={handleCreateTable}
       disabled={loading}
     >
-      {loading ? "Create Table..." : <><Plus size="20" /> Create Table</>}
+      {loading ? "Create Table..." : <><Plus size="20" /> <p className="hidden sm:block">Create Table</p></>}
     </Button>
   );
 }

components/landingPage-components/Navbar.tsx

@@ -8,16 +8,16 @@ import { motion,useMotionValueEvent,useScroll} from 'framer-motion'
 import { useState } from "react"
 export default function Navbar() {
 
-    const { scrollY } = useScroll()
-    const [,setInView] = useState<boolean>(false)
-    const [isMenuOpen, setIsMenuOpen] = useState(false)
-    useMotionValueEvent(scrollY, "change", (latest) => {
-        if(latest>150){
-            setInView(true)
-        }else{
-            setInView(false)
-        }
-      })
+  const { scrollY } = useScroll()
+  const [,setInView] = useState<boolean>(false)
+  const [isMenuOpen, setIsMenuOpen] = useState(false)
+  useMotionValueEvent(scrollY, "change", (latest) => {
+      if(latest>150){
+          setInView(true)
+      }else{
+          setInView(false)
+      }
+  })
 
   return (
     <motion.div