feat(SW-322): remove divs

components/Blocks/ShortcutsList/ShortcutsListItems/index.tsx

@@ -8,9 +8,10 @@ import type { ShortcutsListItemsProps } from "@/types/components/blocks/shortcut
 
 export default function ShortcutsListItems({
   shortcutsListItems,
+  className,
 }: ShortcutsListItemsProps) {
   return (
-    <ul>
+    <ul className={className}>
       {shortcutsListItems.map((shortcut) => (
         <li key={shortcut.title} className={styles.listItem}>
           <Link

components/Blocks/ShortcutsList/index.tsx

@@ -34,12 +34,14 @@ export default function ShortcutsList({
     <SectionContainer>
       <SectionHeader preamble={subtitle} title={title} topTitle={firstItem} />
       <section className={classNames.section}>
-        <div className={classNames.leftColumn}>
+        <ShortcutsListItems
-          <ShortcutsListItems shortcutsListItems={leftColumn} />
+          shortcutsListItems={leftColumn}
-        </div>
+          className={styles.leftColumn}
-        <div className={classNames.rightColumn}>
+        />
-          <ShortcutsListItems shortcutsListItems={rightColumn} />
+        <ShortcutsListItems
-        </div>
+          shortcutsListItems={rightColumn}
+          className={styles.rightColumn}
+        />
       </section>
     </SectionContainer>
   )

types/components/blocks/shortcuts.ts

@@ -5,5 +5,6 @@ export interface ShortcutsListProps extends Shortcut {
 }
 
 export type ShortcutsListItemsProps = {
+  className?: string
   shortcutsListItems: ShortcutsListProps["shortcuts"]
 }