Change icon, rename theme, set divideType based on theme

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

src/components/scrollable-list.tsx

@@ -226,7 +226,6 @@ const ScrollableList = React.forwardRef<VirtuosoHandle, IScrollableList>(({
       ref={ref}
       id={id}
       useWindowScroll={useWindowScroll}
-      className={className}
       data={data}
       startReached={onScrollToTop}
       endReached={handleEndReached}

src/components/status-list.tsx

@@ -56,6 +56,7 @@ const StatusList: React.FC<IStatusList> = ({
   isPartial,
   showAds = false,
   showGroup = true,
+  className,
   ...other
 }) => {
   const soapboxConfig = useSoapboxConfig();
@@ -232,8 +233,8 @@ const StatusList: React.FC<IStatusList> = ({
       placeholderCount={20}
       ref={node}
       className={clsx('divide-y divide-solid divide-gray-200 dark:divide-gray-800', {
-        'divide-none black:divide-solid': divideType !== 'border',
-      })}
+        'divide-none': divideType !== 'border',
+      }, className)}
       itemClassName={clsx({
         'pb-3': divideType !== 'border',
       })}