use same navbar in deck view

packages/app/src/Element/Articles.tsx

@@ -3,7 +3,7 @@ import { useReactions } from "@snort/system-react";
 
 import { useArticles } from "@/Feed/ArticlesFeed";
 import { orderDescending } from "@/SnortUtils";
-import Note from "../Event/Note";
+import Note from "./Event/Note";
 import { useContext } from "react";
 import { DeckContext } from "@/Pages/DeckLayout";
 

packages/app/src/Element/Deck/Nav.css

@@ -1,12 +0,0 @@
-nav.deck {
-  width: 48px;
-  height: calc(100vh - 20px);
-  padding: 10px 8px;
-  border-right: 1px solid var(--border-color);
-  text-align: center;
-}
-
-nav.deck .avatar {
-  width: 40px;
-  height: 40px;
-}

packages/app/src/Element/Deck/Nav.tsx

@@ -1,38 +0,0 @@
-import { useUserProfile } from "@snort/system-react";
-import Avatar from "@/Element/User/Avatar";
-import useLogin from "@/Hooks/useLogin";
-import "./Nav.css";
-import Icon from "@/Icons/Icon";
-import { Link } from "react-router-dom";
-import { NoteCreatorButton } from "@/Element/Event/NoteCreatorButton";
-import { ProfileLink } from "@/Element/User/ProfileLink";
-
-export function DeckNav() {
-  const { publicKey } = useLogin();
-  const profile = useUserProfile(publicKey);
-
-  const unreadDms = 0;
-
-  return (
-    <nav className="deck flex flex-col justify-between">
-      <div className="flex flex-col items-center g24">
-        <Link className="btn" to="/messages">
-          <Icon name="mail" size={24} />
-          {unreadDms > 0 && <span className="has-unread"></span>}
-        </Link>
-        <NoteCreatorButton />
-      </div>
-      <div className="flex flex-col items-center g16">
-        {/*<Link className="btn" to="/">
-          <Icon name="grid-01" size={24} />
-  </Link>*/}
-        <Link className="btn" to="/settings">
-          <Icon name="settings-02" size={24} />
-        </Link>
-        <ProfileLink pubkey={publicKey ?? ""} user={profile}>
-          <Avatar pubkey={publicKey ?? ""} user={profile} />
-        </ProfileLink>
-      </div>
-    </nav>
-  );
-}

packages/app/src/Element/Event/NoteCreatorButton.tsx

@@ -60,7 +60,7 @@ export const NoteCreatorButton = ({
       {!shouldHideNoteCreator && (
         <button
           ref={buttonRef}
-          className={classNames("flex flex-row items-center primary rounded-full", { "circle": !showText }, className)}
+          className={classNames("flex flex-row items-center primary rounded-full", { circle: !showText }, className)}
           onClick={() =>
             update(v => {
               v.replyTo = undefined;