rome -> eslint + prettier

src/shared/navigation.tsx

@@ -1,65 +1,63 @@
-import { ChatsList } from "@app/chat/components/list";
-import { Disclosure } from "@headlessui/react";
-import { AppHeader } from "@shared/appHeader";
-import { Composer } from "@shared/composer/modal";
-import { NavArrowDownIcon, SpaceIcon, TrendingIcon } from "@shared/icons";
-import { LumeBar } from "@shared/lumeBar";
-import { NavLink } from "react-router-dom";
-import { twMerge } from "tailwind-merge";
+import { Disclosure } from '@headlessui/react';
+import { NavLink } from 'react-router-dom';
+import { twMerge } from 'tailwind-merge';
+
+import { ChatsList } from '@app/chat/components/list';
+
+import { AppHeader } from '@shared/appHeader';
+import { Composer } from '@shared/composer/modal';
+import { NavArrowDownIcon, SpaceIcon, TrendingIcon } from '@shared/icons';
+import { LumeBar } from '@shared/lumeBar';
 
 export function Navigation() {
-	return (
-		<div className="relative flex w-[232px] flex-col gap-3 border-r border-zinc-900">
-			<AppHeader />
-			<div className="pb-20 flex flex-col gap-5 overflow-y-auto scrollbar-hide">
-				<div className="inlin-lflex h-8 px-3.5">
-					<Composer />
-				</div>
-				{/* Newsfeed */}
-				<div className="flex flex-col gap-0.5 px-1.5">
-					<div className="px-2.5">
-						<h3 className="text-[11px] font-bold uppercase tracking-widest text-zinc-600">
-							Feeds
-						</h3>
-					</div>
-					<div className="flex flex-col">
-						<NavLink
-							to="/app/space"
-							preventScrollReset={true}
-							className={({ isActive }) =>
-								twMerge(
-									"flex h-9 items-center gap-2.5 rounded-md px-2.5 text-zinc-200",
-									isActive ? "bg-zinc-900/50" : "",
-								)
-							}
-						>
-							<span className="inline-flex h-6 w-6 items-center justify-center rounded border-t border-zinc-800/50 bg-zinc-900">
-								<SpaceIcon width={12} height={12} className="text-zinc-100" />
-							</span>
-							<span className="font-medium">Spaces</span>
-						</NavLink>
-						<NavLink
-							to="/app/trending"
-							preventScrollReset={true}
-							className={({ isActive }) =>
-								twMerge(
-									"flex h-9 items-center gap-2.5 rounded-md px-2.5 text-zinc-200",
-									isActive ? "bg-zinc-900/50" : "",
-								)
-							}
-						>
-							<span className="inline-flex h-6 w-6 items-center justify-center rounded border-t border-zinc-800/50 bg-zinc-900">
-								<TrendingIcon
-									width={12}
-									height={12}
-									className="text-zinc-100"
-								/>
-							</span>
-							<span className="font-medium">Trending</span>
-						</NavLink>
-					</div>
-				</div>
-				{/* Channels
+  return (
+    <div className="relative flex w-[232px] flex-col gap-3 border-r border-zinc-900">
+      <AppHeader />
+      <div className="scrollbar-hide flex flex-col gap-5 overflow-y-auto pb-20">
+        <div className="inlin-lflex h-8 px-3.5">
+          <Composer />
+        </div>
+        {/* Newsfeed */}
+        <div className="flex flex-col gap-0.5 px-1.5">
+          <div className="px-2.5">
+            <h3 className="text-[11px] font-bold uppercase tracking-widest text-zinc-600">
+              Feeds
+            </h3>
+          </div>
+          <div className="flex flex-col">
+            <NavLink
+              to="/app/space"
+              preventScrollReset={true}
+              className={({ isActive }) =>
+                twMerge(
+                  'flex h-9 items-center gap-2.5 rounded-md px-2.5 text-zinc-200',
+                  isActive ? 'bg-zinc-900/50' : ''
+                )
+              }
+            >
+              <span className="inline-flex h-6 w-6 items-center justify-center rounded border-t border-zinc-800/50 bg-zinc-900">
+                <SpaceIcon width={12} height={12} className="text-zinc-100" />
+              </span>
+              <span className="font-medium">Spaces</span>
+            </NavLink>
+            <NavLink
+              to="/app/trending"
+              preventScrollReset={true}
+              className={({ isActive }) =>
+                twMerge(
+                  'flex h-9 items-center gap-2.5 rounded-md px-2.5 text-zinc-200',
+                  isActive ? 'bg-zinc-900/50' : ''
+                )
+              }
+            >
+              <span className="inline-flex h-6 w-6 items-center justify-center rounded border-t border-zinc-800/50 bg-zinc-900">
+                <TrendingIcon width={12} height={12} className="text-zinc-100" />
+              </span>
+              <span className="font-medium">Trending</span>
+            </NavLink>
+          </div>
+        </div>
+        {/* Channels
 				<Disclosure defaultOpen={true}>
 					{({ open }) => (
 						<div className="flex flex-col gap-0.5 px-1.5">
@@ -86,36 +84,32 @@ export function Navigation() {
 					)}
 				</Disclosure>
 				 */}
-				{/* Chats */}
-				<Disclosure defaultOpen={true}>
-					{({ open }) => (
-						<div className="flex flex-col gap-0.5 px-1.5 pb-6">
-							<Disclosure.Button className="flex items-center gap-1 px-3">
-								<div
-									className={`inline-flex h-5 w-5 transform items-center justify-center transition-transform duration-150 ease-in-out ${
-										open ? "" : "rotate-180"
-									}`}
-								>
-									<NavArrowDownIcon
-										width={12}
-										height={12}
-										className="text-zinc-700"
-									/>
-								</div>
-								<h3 className="text-[11px] font-bold uppercase tracking-widest text-zinc-600">
-									Chats
-								</h3>
-							</Disclosure.Button>
-							<Disclosure.Panel>
-								<ChatsList />
-							</Disclosure.Panel>
-						</div>
-					)}
-				</Disclosure>
-			</div>
-			<div className="absolute bottom-3 left-0 px-10 w-full">
-				<LumeBar />
-			</div>
-		</div>
-	);
+        {/* Chats */}
+        <Disclosure defaultOpen={true}>
+          {({ open }) => (
+            <div className="flex flex-col gap-0.5 px-1.5 pb-6">
+              <Disclosure.Button className="flex items-center gap-1 px-3">
+                <div
+                  className={`inline-flex h-5 w-5 transform items-center justify-center transition-transform duration-150 ease-in-out ${
+                    open ? '' : 'rotate-180'
+                  }`}
+                >
+                  <NavArrowDownIcon width={12} height={12} className="text-zinc-700" />
+                </div>
+                <h3 className="text-[11px] font-bold uppercase tracking-widest text-zinc-600">
+                  Chats
+                </h3>
+              </Disclosure.Button>
+              <Disclosure.Panel>
+                <ChatsList />
+              </Disclosure.Panel>
+            </div>
+          )}
+        </Disclosure>
+      </div>
+      <div className="absolute bottom-3 left-0 w-full px-10">
+        <LumeBar />
+      </div>
+    </div>
+  );
 }