feat: Added oldest as sort param

Author: atapas

components/utils/Header.js

@@ -173,6 +173,12 @@ const Header = ({
           <CloseIcon title="Clear Search Query" color='#ffffff' size='24px' onClick={() => setSearchTerm('')}/>
         </NavbarSearchInput>
         <DropdownButton variant="outline-secondary" size="sm" id="dropdown-basic-button" title={`Sort by ${sort}`} className="border-0">
+          <Dropdown.Item 
+            href="#" 
+            active={sort==='oldest'} 
+            onClick={() =>setSort('oldest')}>
+            Oldest
+          </Dropdown.Item>
           <Dropdown.Item 
             href="#" 
             active={sort==='popularity'} 

components/utils/ShapeList.js

@@ -221,6 +221,8 @@ const ShapeList = (
       copy.sort((a, b) => b.__createdtime__ - a.__createdtime__);
     } else if(sort === 'popularity') {
       copy.sort((a, b) => b.likes - a.likes);
+    } else if(sort === 'oldest') {
+      copy.sort((a, b) => a.__createdtime__ - b.__createdtime__);
     }
     setFilteredShape(filterShape(copy, searchTerm));
   }, [searchTerm, shapes, sort]);