[bug fix][xs]: fix wrong sort arg in variables.

components/home/Recent.tsx

@@ -24,7 +24,7 @@ export const QUERY = gql`
 
 function Recent() {
   const { loading, error, data } = useQuery(QUERY, {
-    sort: 'sort=metadata_created%20desc',
+    variables: { sort: 'metadata_created desc' },
     // Setting this value to true will make the component rerender when
     // the "networkStatus" changes, so we are able to know if it is fetching
     // more data

pages/index.tsx

@@ -40,6 +40,9 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
 
   await apolloClient.query({
     query: QUERY,
+    variables: {
+      sort: 'metadata_created desc',
+    },
   });
 
   return {