revert: "style: change responsive layout to box type"

This reverts commit 6374690.

frontend/src/lib/components/quib.svelte

@@ -106,7 +106,7 @@
 <div
   class={cn(
     viewStore.state === 'compact' && 'transition-colors hover:bg-base-200',
-    'relative flex flex-col overflow-hidden border-neutral bg-base-300 md:rounded-2xl md:border'
+    'relative flex flex-col overflow-hidden rounded-2xl border border-neutral bg-base-300'
   )}
 >
   {#if viewStore.state === 'card'}
@@ -116,9 +116,7 @@
       <h2 class="text-xl font-bold text-info">{quib.title}</h2>
       {@render content_or_cover()}
     </div>
-    <div
-      class="flex items-center gap-4 border-neutral px-4 pb-2.5 pt-0 md:border-t md:pt-2.5"
-    >
+    <div class="flex items-center gap-4 border-t border-neutral px-4 py-2.5">
       {@render vote_comment_share()}
     </div>
   {:else}

frontend/src/lib/components/quibs_header.svelte

@@ -40,7 +40,7 @@
   let active_view_icon = $derived(mapping.view[active_mapping.view]);
 </script>
 
-<div class="flex items-center justify-between px-4 py-3 md:p-0">
+<div class="flex items-center justify-between">
   <div class="flex gap-3">
     {#each Object.entries(mapping.filters) as [key, item]}
       {@const is_active = active_mapping.filter === key}

frontend/src/routes/(app)/+page.svelte

@@ -15,11 +15,9 @@
   <title>Quibble - Delve into real conversations.</title>
 </svelte:head>
 
-<div class="flex h-max flex-1 flex-col md:gap-4 md:p-4">
+<div class="flex h-max flex-1 flex-col gap-4 p-4">
   <QuibsHeader />
-  <div
-    class="flex flex-1 flex-col divide-y border-y border-neutral md:gap-4 md:divide-y-0 md:border-none"
-  >
+  <div class="flex flex-1 flex-col gap-4">
     {#if data.quibs}
       {#each data.quibs as quib}
         <Quib {...quib} />