better component naming + folder structure

components/LinkViews/Layouts/CardView.tsx

@@ -1,4 +1,4 @@
-import LinkCard from "@/components/LinkViews/LinkComponents/LinkCard";
+import LinkCard from "@/components/LinkViews/LinkCard";
 import { LinkIncludingShortenedCollectionAndTags } from "@/types/global";
 
 export default function DefaultGridView({

components/LinkViews/Layouts/GridView.tsx

@@ -1,5 +1,5 @@
-import LinkCardGrid from "@/components/LinkViews/LinkComponents/LinkCardGrid";
-import {LinkIncludingShortenedCollectionAndTags} from "@/types/global";
+import LinkGrid from "@/components/LinkViews/LinkGrid";
+import { LinkIncludingShortenedCollectionAndTags } from "@/types/global";
 
 export default function CompactGridView({
   links,
@@ -11,7 +11,7 @@ export default function CompactGridView({
       {links.map((e, i) => {
         return (
           <div key={i} className="break-inside-avoid mb-5">
-            <LinkCardGrid link={e} count={i}/>
+            <LinkGrid link={e} count={i} />
           </div>
         );
       })}

components/LinkViews/Layouts/ListView.tsx

@@ -1,4 +1,4 @@
-import LinkRow from "@/components/LinkViews/LinkComponents/LinkRow";
+import LinkList from "@/components/LinkViews/LinkList";
 import { LinkIncludingShortenedCollectionAndTags } from "@/types/global";
 
 export default function ListView({
@@ -9,7 +9,7 @@ export default function ListView({
   return (
     <div className="flex flex-col">
       {links.map((e, i) => {
-        return <LinkRow key={i} link={e} count={i} />;
+        return <LinkList key={i} link={e} count={i} />;
       })}
     </div>
   );

components/LinkViews/LinkGrid.tsx

@@ -18,7 +18,7 @@ type Props = {
   className?: string;
 };
 
-export default function LinkCardGrid({ link, count, className }: Props) {
+export default function LinkGrid({ link, count, className }: Props) {
   const { collections } = useCollectionStore();
 
   const { links } = useLinkStore();