add skeleton to templates and start

[SaraVieira]

Closes CSB-79

[linear]

CSB-79 Make Skeleton for Templates Page
CSB-78 Make Skeleton for Start Page

[lbogdan]

Build for latest commit cfef2cb is at https://pr3952.build.csb.dev/s/new.

[SaraVieira]

Visual regressions fail because of limit

[siddharthkp]

not sure if this is the best way to do it, but we'll find out 🤷

[siddharthkp]

Visual regressions fail because of limit

sad. let's find a way to run them only when needed for next month cc @lbogdan

[MichaelDeBoey]

No need for withRouter here, since we're not using any of the passed props.
https://reacttraining.com/react-router/core/api/withRouter

Suggested change

export const Content = withRouter(ContentComponent);

[MichaelDeBoey]

Suggested change

	const ContentComponent = () => (
	export const Content: FunctionComponent = () => (

[MichaelDeBoey]

Suggested change

	import React from 'react';
	import React, { FunctionComponent } from 'react';

[MichaelDeBoey]

You can use getSandboxName from common/utils instead

Suggested change

	{sandbox.title || sandbox.alias || sandbox.id}
	{getSandboxName(sandbox)}

[MichaelDeBoey]

Suggested change

	import { sandboxUrl } from '@codesandbox/common/lib/utils/url-generator';
	import { getSandboxName } from '@codesandbox/common/lib/utils/get-sandbox-name';
	import { sandboxUrl } from '@codesandbox/common/lib/utils/url-generator';

[MichaelDeBoey]

Since we know for sure there's no error or loading state, we know data.me.sandboxes is present

Suggested change

	const sandboxes = data && data.me && data.me.sandboxes;
	const sandboxes = data.me.sandboxes;

[MichaelDeBoey]

Since we know for sure there's no error or loading state, we know templatesData.me.recentlyUsedTemplates is present

Suggested change

	const templates =
	templatesData &&
	templatesData.me &&
	templatesData.me.recentlyUsedTemplates.slice(0, 4);
	const templates = templatesData.me.recentlyUsedTemplates.slice(0, 4);

[MichaelDeBoey]

Since we know for sure there's no error or loading state, we know data.me.templates is present

Suggested change

	const templates = data && data.me && data.me.templates;
	const templates = data.me.templates;

[MichaelDeBoey]

Suggested change

	import { Route, Switch, Redirect, withRouter } from 'react-router-dom';
	import { Redirect, Route, Switch } from 'react-router-dom';