Remove some random unnecessary wrapper divs (#163)

* Remove wrapper div in user comment feed item

* Remove wrapper div around feed market card title link

* Remove wrapper div around BetRow

web/components/bet-row.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react'
+import clsx from 'clsx'
 
 import { BetPanelSwitcher } from './bet-panel'
 import { Row } from './layout/row'
@@ -30,8 +31,7 @@ export default function BetRow(props: {
 
   return (
     <>
-      <div className={className}>
-        <Row className="mt-2 justify-end space-x-3">
+      <Row className={clsx('mt-2 justify-end space-x-3', className)}>
         {/* <div className={clsx('mr-2 text-gray-400', labelClassName)}>
           Place a trade
         </div> */}
@@ -71,7 +71,6 @@ export default function BetRow(props: {
           onBetSuccess={() => setOpen(false)}
         />
       </Modal>
-      </div>
     </>
   )
 }

web/components/feed/feed-items.tsx

@@ -166,7 +166,6 @@ export function FeedComment(props: {
         avatarUrl={userAvatarUrl}
       />
       <div className="min-w-0 flex-1">
-        <div>
         <p className="mt-0.5 text-sm text-gray-500">
           <UserLink
             className="text-gray-500"
@@ -202,7 +201,6 @@ export function FeedComment(props: {
           </>
           <RelativeTimestamp time={createdTime} />
         </p>
-        </div>
         <TruncatedComment
           comment={text}
           moreHref={contractPath(contract)}
@@ -555,7 +553,6 @@ export function FeedQuestion(props: {
           </div>
         </div>
         <Col className="items-start justify-between gap-2 sm:flex-row sm:gap-4">
-          <Col>
           <SiteLink
             href={
               props.contractPath ? props.contractPath : contractPath(contract)
@@ -565,7 +562,6 @@ export function FeedQuestion(props: {
           >
             {question}
           </SiteLink>
-          </Col>
           {isBinary && (
             <BinaryResolutionOrChance
               className="items-center"