style(sidebar): update AppSidebar border styling and adjust SidebarInset class for improved layout consistency

Author: nabilfatih

app/[locale]/layout.tsx

@@ -192,7 +192,7 @@ export default async function LocaleLayout({ children, params }: Props) {
             >
               <SidebarProvider>
                 <AppSidebar />
-                <SidebarInset className="border lg:border-none">
+                <SidebarInset className="border lg:border-l-0">
                   <Header />
                   <SearchCommand />
                   <div data-pagefind-body className="relative">

components/sidebar/app-sidebar.tsx

@@ -27,7 +27,7 @@ export function AppSidebar({ ...props }: ComponentProps<typeof Sidebar>) {
   return (
     <Sidebar
       collapsible="icon"
-      className={cn("z-20", props.className)}
+      className={cn("z-20 border-y border-l", props.className)}
       {...props}
     >
       <SidebarHeader>

components/ui/block-art.tsx

@@ -60,9 +60,7 @@ export function BlockArt({
   }, [totalCells, animatedCellCount, animationInterval]);
 
   return (
-    <section
-      className={cn("h-full w-full bg-border pt-px lg:py-px", className)}
-    >
+    <section className={cn("h-full w-full bg-border pt-px", className)}>
       <div
         className="h-full w-full"
         style={{