Again Navbar

src/lib/components/MobileNav.jsx

@@ -6,7 +6,7 @@ import {
     Home as IconHome,
     BookText as BookImage,
     User as UserImage,
-    Plus as PlusImage,
+    Plus as PlusImage
 } from "lucide-react";
 
 import { useDevice } from "@/lib/context/DeviceContext";
@@ -24,14 +24,14 @@ const MobileNav = () => {
                     <BookImage />
                 </Navigation.Tile>
                 {isAuthenticated ? (
-                    <div>
-                        <Navigation.Tile label="Profile" href="/posts" className="flex flex-col items-center">
+                   <Navigation.Tile label="Post" href="/posts" className="flex flex-col items-center">
                         <PlusImage />
                     </Navigation.Tile>
+                ) : null}
+                {isAuthenticated ? (
                    <Navigation.Tile label="Profile" href="/profile" className="flex flex-col items-center">
                         <UserImage />
                     </Navigation.Tile>
-                    </div>
                 ) : null}
             </Navigation.Bar>
         </div>