refactor: make components for rules, description, rename stats

src/components/subplebbit-description/index.ts

@@ -0,0 +1 @@
+export { default } from './subplebbit-description';

src/components/subplebbit-description/subplebbit-description.tsx

@@ -0,0 +1,26 @@
+import Post from '../post';
+interface DescriptionPostProps {
+  subplebbitAddress: string | undefined;
+  createdAt: number;
+  description: string;
+  avatarUrl?: string;
+  title: string;
+}
+
+export const SubplebbitDescription = ({ subplebbitAddress, createdAt, description, avatarUrl, title }: DescriptionPostProps) => {
+  const post = {
+    isDescription: true,
+    subplebbitAddress,
+    timestamp: createdAt,
+    author: { displayName: '## Board Mods' },
+    content: description,
+    link: avatarUrl,
+    title: 'Welcome to ' + title,
+    pinned: true,
+    locked: true,
+  };
+
+  return <Post post={post} />;
+};
+
+export default SubplebbitDescription;